html2canvas踩坑记

原创 君邪儿 随笔 移动端 190阅读 2018-08-03 14:55:10 举报

公司最近要做几个小测试,页面到手一看好简单。呵呵,做完才发现bug一堆。本地行的通,上线就死翘翘。

html2canvas:
目的:主要就是把一段html里的东西保存成一张图片。
详细:略(问度娘)
坑点:(1)html在页面必须存在,不能隐藏,不然html2canvas画不出来,无法 实现,保存成一张图片。所以display:none,opacity:0不能使用。
【css问题】
(2)生成的图片不清晰
解决方案:将画图的canvas容器放大2倍,具体代码稍后
(3)html中有图片,html2canvas只认识本地的,图片放线上就不行了。
【跨域问题】//canvas不支持跨域
解决方案:1.前端如下设置

2.后台设置跨域

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

赶紧努力消灭 0 回复