使用css或roativa的Pdf中的水印（PDF生成器） [英] Watermark in Pdf using css or roativa (PDF generater)

问题描述

我正在使用rotativa在MVC中生成PDF。



我想在PDF的所有页面中使用水印但不幸的是我没有实现这一点。



我也研究过rotativa，但找不到任何合适的解决方案。然后我用CSS尝试了这个。



我试过这个





CSS

I am using rotativa for generate PDF in MVC.

I want watermark in all pages of PDF but unfortunately I am not achieving this.

I have researched also for rotativa but can't find any proper solution for this. And then I have tried this using CSS.

I have tried this


CSS

#background {
               position: absolute;
               display: block;
               min-width: 100%;
               opacity: 0.5;
               text-align: center;
               background-color: transparent;
               padding-top:50%;
           }
           #bg-text {
               color: lightgrey;
               font-size: 120px;
               transform: rotate(300deg);
               -webkit-transform: rotate(300deg);
               opacity: 0.9;
               filter: alpha(opacity=50);
               background-color: transparent;
           }

HTML

HTML

<div id="background">
           <p id="bg-text">Draft</p>
       </div>

它适用于PDF的第一页。我希望在PDF的所有页面中都这样。

请为这个水印问题建议一个合适的解决方案。



任何解决方案都可以使用 CSS 或使用 rotativa

推荐答案

你可以指定

You may specify

position:fixed;

包含你的元素水印文本：结果将在每个页面上重复（此解决方案应适用于所有wkhtmltopdf包装器，包括Rotativa）。

for element that contains your watermarking text: as result it will be repeated on the every page (this solution should work for all wkhtmltopdf wrappers including Rotativa).

这篇关于使用css或roativa的Pdf中的水印（PDF生成器）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！