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 版本有問題,需要降...