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