html2canvas 使用总结

原创
09/23 12:21
阅读数 106

一些网上说的问题这里就不在说了,不支持一些熟悉,flex的-web-box不好使,还有就是box-shadow 也是,

我遇到的问题是如果说截图之后需要对图片进行加水印效果的话,如果说页面中间添加水印有可能就无法看到,在反复的测试后找到问题所在,如果说页面滚动到底部这个时候水印添加的时候的0点位置并不是大家认为的页面的左上角而是当前窗口的左上角,导致水印无法在页面上显示,知道原因后解决就很简单了只需要把滚动的高度获取到然后做减法就可以解决。

另外就是ios13系统版本下html2canvas 有bug,promise没有返回值,既没有resolve也没有reject,导致没有反应。选择回退到r4解决。

html2canvas 在支持的属性中在ios中其实还有许多的问题,包括伪类的支持不是很好,使用伪类实现的1px在展示上有问题。

还有一个比较坑的地方,如果你页面里面有弹窗有动画,动画如果是使用transform实现的,那就坑了,html2canvas文档上写的是支持部分但是也不清楚哪里不支持,截图展示的不正确,没找到方案,如果该设计方案感觉也很坑

最近发现rc4上safari下回报错:“RangeError: Maximum call stack size exceeded.”,应该是css背景图导致的,说是解决这个问题,但是还确实有这个错误虽然很少量,主要是在手机safari下,在微信里面就没有问题。这个很奇怪。

 

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部