在前一篇文章中介绍了《如何使用PDF.js在渲染PDF文档时添加水印》。但是仅仅有水印还不够,如果是展示一些比较敏感的信息,还需要对指定内容进行脱敏处理,如姓名、手机号、家庭住址和银行卡号
等等。PDF.js
也支持对渲染的文本内容进行自定义。
2021/7/15大约 5 分钟
在前一篇文章中介绍了《如何使用PDF.js在渲染PDF文档时添加水印》。但是仅仅有水印还不够,如果是展示一些比较敏感的信息,还需要对指定内容进行脱敏处理,如姓名、手机号、家庭住址和银行卡号
等等。PDF.js
也支持对渲染的文本内容进行自定义。
在H5页面中渲染文档类内容时,总会遇到这样一个需求:可以不可以给文档加上水印用以声明版权、追踪文档或真伪鉴别?本文将介绍如何在渲染时给PDF文档加上水印。
工作中经常会遇到一个需求是在H5页面中渲染PDF文档,虽然现在许多浏览器都支持直接打开预览,但是不同的浏览器中体验并不完全一致,且有些浏览器点击PDF文档链接后是下载行为,这样的用户体验并不好。有时我们甚至需要开发一些自定义需求来显示PDF,这时Mozilla
开源的PDF.js
库就可以满足我们的需求。
一般情况下我们不会直接使用默认的Axios对象来直接发送请求,而是根据项目中的具体情况使用自定义配置创建新的实例,以避免在每个请求中重复配置。
为了提高页面的可访问性,使用微信内置浏览器打开H5页面时,用户可以通过点击右上角菜单中的调整字体
来放大或缩小文字,以达到最佳的阅读效果。这个功能对于许多老人或者视力障碍人士非常有用,但是如果页面没有专门适配不同的字体大小,那么页面布局就会变得非常混乱。
在之前的工作中有两个页面需要使用html2canvas直接将页面转换为分享海报,如果不禁用字体缩放功能,那么生成的海报图片会完全乱掉,无法展示活动信息也无法扫描活动二维码。
所以如果这项功能对业务常用人群没有太大的作用或者某些页面强制要求禁止缩放,我们可以禁用这项功能。