vue中使用html2canvas遇到的问题

原创 daisy001 随笔 vue 39阅读 10 天前 举报

使用

在需要的页面引入

问题

图片跨域

无法使用跨域图片,比如我们上传到cms上的图片,域名是static.rong360.com跟网站域名不相同;需要转为canvas里的,可以通过以下方式解决:
(1)图片可以放在当前文件里,就不存在跨域问题
(2)可以将图片转为base64,也不存在跨域问题了

下载问题

(1)在电脑chrome模拟器中可触发下载图片文件
(2)手机浏览器可触发下载文件,但是意外的跳转到一个页面
(3)手机微信中打开页面无法触发下载文件,因为微信内屏蔽下载,只有它自己的才能下载,比如应用宝

解决办法就是,转成图片,长按调起微信的保存弹窗


相关资料:

官网地址:https://html2canvas.hertzen.com/getting-started
html2canvas问题汇总: https://www.cnblogs.com/padding1015/p/9225517.html

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复