pdfh5.js不显示pdf水印

pdfh5.js不显示pdf水印,第1张

水印设置了透明度。pdf是由Adobe Systems用于与应用程序、 *** 作系统、硬件无关的方式进行文件交换所发展出的文件格式。不显示水印是因为设置了透明度。解决方法:

1、首先在电脑上安装好PDF编辑器后,鼠标右键点击要编辑的PDF文件,在打开方式中选择使用PDF编辑器打开。

2、其次在菜单栏中,依次点击“文档”-“水印”-“管理”,编辑水印,在“管理水印”对话框中,选择需要编辑的水印,点击“编辑”。

3、最后在d出的“编辑水印”对话框中,可以在外观选项中设置PDF水印的透明度,在页面范围选项中设置好使用范围,点击“确定”即可。

2、安装html2Canvas: npm install --save html2canvas

这里使用 iframe 嵌套需要转成pdf的html文件;

如果pdf内容是动态的,可以将html丢给后端,让后端使用freemarker ftl模板语言或是啥其他的模板语言更改即可,然后将整个html作为字符串传给前端,前端再使用iframe 的 srcdoc属性将内容渲染出来。

不存在分页内容裂开的情况,但对样式呈现不太友好,有时会出现内容偏移情况,时好时坏的,经过不断的尝试,发生偏移的时候,可以将html2Canvas的width写死,但是值具体是多少,需要你自己猜

分页会出现问题:比如图片裂开,表格的某一行从中间断开了等等....我用的笨方法手动去调整iframe的宽、高+html2Canvas的width、height+contentWidth、contentHeight,一点点试出来合适的值(应该有更好的方法,但是技术有限)

1. 生成多页pdf,分页内容裂开的问题


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/7984015.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存