vue 使用htmlToPdf遇到的坑

作者: 努力做个全栈 | 来源:发表于2021-11-09 13:49 被阅读0次

1、使用htmlToPdf实现pdf下载中遇到的坑！！下载的表格中有一张图片，控制台一直报错

cc2acc41f7774c8894d5a15312cdc644.png

然后我查到的资料都让修改img crossorigin=anonymous ，一直没有作用
后来感觉改的方向不对就开始查阅htmlToPdf文档

2、解决办法
如果再vue中使用htmlToPdf报上图所示错误
设置htmlToPdf参数allowTaint：false;useCORS: true

2.png

这样就解决了Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.报错问题

vue 使用htmlToPdf遇到的坑
1、使用htmlToPdf实现pdf下载中遇到的坑！！下载的表格中有一张图片，控制台一直报错然后我查到的资料都让...
前端HTML页面转PDF（html2canvas+jspdf）
方式一 vue 安装代码 utils - htmlToPdf.js main.js 使用优化 1、如果在多个页...
vue项目页面生成PDF并下载
htmlToPdf.js 然后在main.js中使用定义的htmlToPdf.js文件：
H5踩坑记录
flex坑水平居中 vue坑 vue组件 vue-awesome-picker 组件的使用vue-awesome...
elementui中el-button点击后不失去焦点(按钮颜色
初次接触前端，初次使用vue，初次使用elementui，难免遇到坑。使用el-button的时候，发现点击按钮后...
Vue的构建版本
使用Vue过程中遇到的坑：关于构建版本。平时在使用Vue时，一般都是搭建vue-cli，今天在写一个小demo的...
vue 微信支付(hash模式)
1. vue 微信支付遇到的坑使用的vue-router 的hash模式，所以页面的路径是www.ssss.c...
Vue开发新手遇坑
Vue开发新手遇坑总结自己开发vue遇到的坑。 a里面不会传href解决：href签名加个v-bind: vue打...
vue+elementUI 开发总结
前言公司在使用vue搭配elementui开发后台系统，中间遇到了大大小小的“坑”，需要总结下，以防后期遇到。 ...
【前端】vue使用vant遇到的坑
解决移动端点击输入框input放大在index.html加入