html2canvas生成图片报错处理办法


详见大佬博客链接: link.(https://www.jianshu.com/p/22bd5b98e38a)

需要注意的是要生成的网页中带的网络图片地址(如放在阿里云服务器图库的图片)经常有跨域报错问题,
除了给img标签去加上 跨域属性crossorigin="anonymous"以外,
图片地址结尾需要拼接个任意字符串以防缓存原因图片没有实时修改显示('http://h0.hucdn.com/open/201819/9404b56f97e7df8a_750x1334.png?any_string_is_ok');
还有一点就是背景图片的跨域问题,
解决办法就是所有用的div的背景图片都改成img标签加在DOM里面(就是写样式不要用放背景图的方式,改成img标签去给他定位到底层实现背景图的效果),
测试的时候注意刷新加载时清空缓存硬性加载


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM