react-pdf icon indicating copy to clipboard operation
react-pdf copied to clipboard

Add background-image support

Open diegomura opened this issue 6 years ago • 6 comments

Describe the solution you'd like CSS property background-image should render the image accordingly. Rendering order:

  • Background color
  • Background image
  • Border
  • Children
  • Outline

Describe alternatives you've considered Nowadays you can hack this by rendering an absolute positioned Image, but it's far from being ideal.

diegomura avatar Feb 11 '19 17:02 diegomura

Hi @diegomura is there a way now to change the page's background image?

akosijiji avatar Mar 20 '20 00:03 akosijiji

Having the same issue. Pages with background images, are showing a white background instead.

zerobytes avatar Apr 24 '20 04:04 zerobytes

Hey, any updates on this? I tried some CSS tricks to simulate the background image (a relative div, then two absolute div inside it. the first div has the image with z-index 1, the later has the content having z-index 2) but it just covers the first page :(

Waqar-107 avatar Jun 14 '21 18:06 Waqar-107

I would like to have a solution for that too. I'm trying to write text over a background image using the solution presented here: https://stackoverflow.com/questions/57241376/how-to-fill-an-entire-page-with-one-image-in-react-pdf

lucasbracher avatar Jul 24 '21 21:07 lucasbracher

We require also - to add existing corporate stationary (letterhead, background image and footer) as a background image with generated text over the top.

murraybauer avatar Apr 08 '23 05:04 murraybauer

Also adding request for support here. Would be awesome for branding

kensiej avatar Feb 16 '24 20:02 kensiej