html2canvas的使用简单总结
程序员文章站
2022-03-10 20:37:26
先来看看兼容性: Firefox 3.5+ Google Chrome Opera 12+ IE9+ Edge Safari 6+ 应该来说,现代浏览器都是没有问题的。 css属性支持情况: https://html2canvas.hertzen.com/features/ 使用中遇到的问题及解决: ......
先来看看兼容性:
- firefox 3.5+
- google chrome
- opera 12+
- ie9+
- edge
- safari 6+
应该来说,现代浏览器都是没有问题的。
css属性支持情况:
使用中遇到的问题及解决:
- 图片模糊:
-
- 解决:
-
-
- 把图片放大2倍,或者按照window.devicepixelratio缩放
- background-image会模糊,使用img模拟替代
-
- 绘制不全
-
- 解决:html2canvas-render-offscreen
- 有时候到页面会闪
-
- 解决:
-
-
- 可能是部分手机自身webview的问题,多测几个手机试试
- 可以把需要绘制的dom复制一份,放到视口之外进行绘制,完了生成图片后,再放到页面
-
- 别的问题汇总: