html2canvas使用記錄

2021-10-23 08:35:08 字數 568 閱讀 2663

該外掛程式,我使用的是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邊框效果。適用情況 ...