我正在使用Dompdf将Html页面转换为PDF。根据客户的要求,pdf文件的背景应该有水印图像。我已经尝试了很多方法在编码和不同的css风格,但它没有帮助。有人知道吗?
哪个版本的DOMPDF?在0.6.0版本中,您可以使用固定位置元素作为水印。这是一个文档外壳:
<html>
<head>
<style>
#watermark { position: fixed; bottom: 0px; right: 0px; width: 200px; height: 200px; opacity: .1; }
</style>
</head>
<body>
<div id="watermark"><img src="http://code.google.com/p/dompdf/logo" height="100%" width="100%"></div>
</body>
</html>
请看下面的例子:http://eclecticgeek.com/dompdf/debug.php?identifier=f14b0c995add4b6c1ee1d14c0c6a987e
在0.5.1中,你可以在body上使用background-image样式声明。您对样式的控制较少,因此您需要确保图像的格式完全符合文档中的显示方式,特别是与大小和不透明度相关的格式。还有其他问题,但这确实有效。这是一个文档外壳:
<html>
<head>
<style>
body { background-image: url(http://www.wolfsrainfans.com/wp-content/uploads/2011/04/Wolfs_Rain__Taboe_by_Nizira_Hathor.png); background-position: bottom right; background-repeat: no-repeat; }
</style>
</head>
<body>
</body>
</html>
请看下面的例子:http://eclecticgeek.com/dompdf/debug.php?identifier=a05af7b814031ac5460860560a581183
这是我在使用DomPDF呈现文档时遇到的一个常见问题。为了解决这个问题,我对任何图像进行base64编码,我想用它作为CSS背景图像,然后像这样添加它
url('data:image/jpeg;base64,{base64encodedimage}')
我希望这对你有帮助!
背景图片必须有绝对路径
body { background-image: url(https://www.google.cl/images/branding/googlelogo/2x/googlelogo_light_color_272x92dp.png); }