Node-html-pdf: How can I add a background page?

Created on 24 May 2016 · 3Comments · Source: marcbachmann/node-html-pdf

I need add one background for all pages like:

How can I do that?

Source

RodolfoSilva

Most helpful comment

Likely solution at my question:

#pageHeader:after, 
.pageHeader:after {
  content: "";
  display: block;
  position:fixed;
  bottom:0;
  right:0;
  top:0;
  left:0;
  height: 842px;
  //- width: 595px;
  width: 100%;
  opacity: 0.5;
  background-image: url("background.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

This works for me, probably it will help others who have the same problem.

RodolfoSilva on 29 May 2016

👍6

All 3 comments

Likely solution at my question:

#pageHeader:after, 
.pageHeader:after {
  content: "";
  display: block;
  position:fixed;
  bottom:0;
  right:0;
  top:0;
  left:0;
  height: 842px;
  //- width: 595px;
  width: 100%;
  opacity: 0.5;
  background-image: url("background.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

This works for me, probably it will help others who have the same problem.

RodolfoSilva on 29 May 2016

👍6

Thanks for this solution. It almost fixed my problem. Though above solution requires the header to be present (at least 1 pixel). Which shows a white row when using full page backgrounds. Any idea how to fix this?

dveldhoen on 25 Apr 2020

Thanks to @RodolfoSilva for the solution, now I'm able to set a background image on all pages, but how do you manage the margins on page breaks? If I configure a border like this:
let options = { "format": "A4", "header": { "height": "1mm", }, "border": { "top": "2cm", "right": "0px", "bottom": "2cm", "left": "0px" }, };
then my background image also goes 2cm down...
Any idea?