該外掛程式,我使用的是1.0.0-rc.4版本,網上提到的舊版本的一些問題,基本都得到了解決,比如手機端截圖模糊問題,跨域快取問題,都沒有出現
注意1、對高度高於視窗的內容截圖時,要確保滾動條在頂部,否則擷取的頂部會出現空白
2、在本地測試時候,如果使用的是本地,需要通過url形式訪問此頁面,如果直接開啟html檔案,報錯:uncaught domexception: failed to execute 『todataurl』 on 『htmlcanvaselement』: tainted canvases may not be exported
//此處dom物件也可使用jquery獲取,但要注意jquery獲取的是jqery物件obj;obj[0]才是dom物件
var dom = document.
getelementbyid
('big_div');
//html2canvas**
html2canvas
(dom,).
then
(function
(canvas)
);
html2canvas 問題總結
1 使用最新版本1.0.0 alpha.9舊版本的問題比較多 2 不能使用transform 否則位置會有偏移 html2canvas不支援transform 3 居中布局也會發生偏移 display flex justify content center align items center 4 ...
記錄乙個html2canvas 使用中遇到的問題
import html2canvas from html2canvas const converttoimage container,options return html2canvas container,opts then canvas 將element drawer中的乙個dom元素通過htm...
html2canvas 實現dashed虛線邊框
html2canvas是乙個將html元素生成canvas的庫,繪製的canvas大部分樣式和css一致。比如截止1.0.0 alpha.12,虛線邊框依然繪製為實線,border collapse依然有問題。這裡根據github issues裡的乙個思路,模擬實現了dashed邊框效果。適用情況 ...