html2canvas遇到的坑(记录一下)

·  阅读 1009

做过html转图片的小伙伴们肯定都用过html2canvas插件,今天就在这边记录下我遇到的坑

因为我用的是mui的h5+plus开发,所以在浏览器上功能都是好的,但是一打包成App之后,安卓上一切正常,ios上面就会有各种问题:

1、html2canvas SecurityError: The operation is insecure

看到这个问题之后都傻眼了,html2canvas的方法都不走了,好,去百度,百度有的说操作不安全,图片跨域等,当时第一想法是图片都是本地的怎么会跨域呢,按照网上说的方法试了都没用,后来发现把图片地址换成base64的就可以了,本来以为这个问题解决了就没问题了,开开心心打包测试,然后又遇到问题o(╥﹏╥)o

2、不报错,但是html2canvas的代码不走了

VP}90JFU9S~{(I5D0BTK294.png 没办法,不报错,也排查不出问题,只能一点点注释代码去审查,最后发现v-for中写了复杂的逻辑也不行0.0,后来改成在computed计算属性中定义
错误的:

a.png 正确的:

b.png

分类:
前端
标签: