If you are on this article, you already know what a watermark is, but just to be sure, it is a way of adding an image to a document to show where it was generated from or to avoid tampering for some reason. A common use of watermarking is to add the word DRAFT to a document. It turns out adding a watermark to your PDF document using WKHTMLTOPDF is something a lot of developers struggle with. In fact I did a quick search on Google to see if anyone solved this.
Create the Image File
To add a watermark to the document we will make use of the body class and add a background using CSS. The trick with WKHTMLTOPDF is to use the correct size image. In our case we want to show the word DRAFT one time across the middle of each page of the document.
Use CSS to Add it to the Background
There are many ways to add an image to the background. In our case will use following CSS
See it Live
Comments are closed.