html2canvas的使用简单总结

先来看看兼容性：

• Firefox 3.5+
• Google Chrome
• Opera 12+
• IE9+
• Edge
• Safari 6+

应该来说，现代浏览器都是没有问题的。

css属性支持情况：

• https://html2canvas.hertzen.com/features/

使用中遇到的问题及解决：

• 图片模糊：

• • 解决：

• • • 把图片放大2倍，或者按照window.devicePixelRatio缩放
    • background-image会模糊，使用img模拟替代

• 绘制不全

• • 解决：html2canvas-render-offscreen

• 有时候到页面会闪

• • 解决：

• • • 可能是部分手机自身webview的问题，多测几个手机试试
    • 可以把需要绘制的dom复制一份，放到视口之外进行绘制，完了生成图片后，再放到页面

• 别的问题汇总：https://stackoverflow.com/questions/tagged/html2canvas?sort=newest