jspdf如何隐藏某个元素生成pdf

jspdf隐藏某个元素生成pdf在id上切换来解析该项。就是把html内容转成canvas，然后生成图片，把图片添加到jspdf里，保存导出pdf优点:生成的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，分页内容裂开的问题

很多原因的，可能是js 中同源策略所引起的跨域请求图片,所导致的jsPdf读取页面中图片失败的问题 ，还有图片或pdf格式下载的选项,因此可以以某种方式使用jspdf还是以某种方式使用jspdf图片又失败，等等原因的，希望可以帮到你。

---