- Mark Chang
- 0°C
- 5 年又 217 天
使用html2canvas截圖將背景顏色更改為白色
在Javascript裡，我們可以使用html2canvas來將網頁畫面的某個區塊截圖下來存檔。運用方式如下：
HTML
＜div id="container"＞
Hello world!
＜/div＞JavaScript
$('html, body').scrollTop(0);
html2canvas(document.getElementById('container')).then(function(canvas) {
var a = document.createElement('a');
a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream");
a.download = 'image.jpg';
a.click();
});若要將擷取下來的畫面讓背景呈現白色只需要將HTML修改如下：
＜div id="container" style="background:#FFF"＞
Hello world!
＜/div＞參考連結網址
以上紀錄
https://innstory.com/story-使用html2canvas截圖將背景顏色更改為白色-2346
