import html2canvas from 'html2canvas';
const converttoimage = (container, options = {}) => ;
return html2canvas(container, opts).then(canvas) =>
}
在檢視父子元素渲染順序時，發現drawer比它內部的子元素先mounted，猜測出現上面的白邊是因為執行轉換函式時，子元素還沒完全載入。
解決方法
在drawer的同級，增加乙個與需要轉換元素相同的dom結構，並隱藏它。當drawer開啟時，保證需要轉換的元素已經載入完成，這樣在轉換後就不會生成白邊了
html2canvas使用記錄
該外掛程式，我使用的是1.0.0 rc.4版本，網上提到的舊版本的一些問題，基本都得到了解決，比如手機端截圖模糊問題，跨域快取問題，都沒有出現 注意1 對高度高於視窗的內容截圖時，要確保滾動條在頂部，否則擷取的頂部會出現空白 2 在本地測試時候，如果使用的是本地，需要通過url形式訪問此頁面，如果直...
html2canvas 問題總結
1 使用最新版本1.0.0 alpha.9舊版本的問題比較多 2 不能使用transform 否則位置會有偏移 html2canvas不支援transform 3 居中布局也會發生偏移 display flex justify content center align items center 4 ...
html2canvas 實現dashed虛線邊框
html2canvas是乙個將html元素生成canvas的庫，繪製的canvas大部分樣式和css一致。比如截止1.0.0 alpha.12，虛線邊框依然繪製為實線，border collapse依然有問題。這裡根據github issues裡的乙個思路，模擬實現了dashed邊框效果。適用情況 ...