HTML2Canvas 設(shè)置寬高
HTML2Canvas 是一款 JavaScript 庫,可以將當前頁面或頁面上的某個部分轉(zhuǎn)換成 Canvas 圖片,具有很好的兼容性。但是,如果需要將頁面某個部分轉(zhuǎn)換成 Canvas 圖片時,可以通過設(shè)置寬高來指定需要轉(zhuǎn)換的部分。
在 HTML2Canvas 中,設(shè)置寬高的方法是通過 options 對象的 width 和 height 屬性來實現(xiàn)。
html2canvas($("#content"), { width: 500, height: 500, // 其他參數(shù)... });
如上所示,這里將需要轉(zhuǎn)換的部分選中并指定寬高,這樣 HTML2Canvas 就會按照指定的寬高來轉(zhuǎn)換部分內(nèi)容。
同時,如果 width 或 height 沒有指定,HTML2Canvas 會把整個頁面轉(zhuǎn)化為 Canvas 圖片。
最后,需要注意的是,設(shè)置寬高時,需要確保 Canvas 的寬高比例與需要轉(zhuǎn)換的部分的寬高比例一致,以免造成圖片拉伸變形。