html2canvas 問題總結

2022-08-20 03:21:09 字數 467 閱讀 4152

1、使用最新版本1.0.0-alpha.9舊版本的問題比較多

2、不能使用transform:,否則位置會有偏移(html2canvas不支援transform)

3、居中布局也會發生偏移

display:flex;

justify-content: center;

align-items: center;

4、可以使用定位

position: absolute;

left: 0;

right: 0;

top: 0;

bottom: 0;

margin: auto;

5、伺服器位址的,不成功,allowtaint: true進行配置即可;

6、1.0.0-rc.7 問題

html2canvas使用記錄

該外掛程式,我使用的是1.0.0 rc.4版本,網上提到的舊版本的一些問題,基本都得到了解決,比如手機端截圖模糊問題,跨域快取問題,都沒有出現 注意1 對高度高於視窗的內容截圖時,要確保滾動條在頂部,否則擷取的頂部會出現空白 2 在本地測試時候,如果使用的是本地,需要通過url形式訪問此頁面,如果直...

html2canvas 實現dashed虛線邊框

html2canvas是乙個將html元素生成canvas的庫,繪製的canvas大部分樣式和css一致。比如截止1.0.0 alpha.12,虛線邊框依然繪製為實線,border collapse依然有問題。這裡根據github issues裡的乙個思路,模擬實現了dashed邊框效果。適用情況 ...

Html2Canvas踩坑筆記

2 常見問題 參考官方文件 生成的過程在客戶端,高併發的場景下減少伺服器的壓力。方案簡單開發成本低,canvas 的相容問題 dataurl的相容問題 css 不支援一下屬性 再者html2canvas 還是預覽版,不是很穩定,官方文件上不推薦使用在生產環境 1.0.0 rc 5 版本有問題,需要降...