先來看看兼容性：
- 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
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/127970.html
標籤：JavaScript
上一篇：js資料呈現案例