資料載入中

胡言亂語

使用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>

參考連結網址

使用html2canvas截圖將背景顏色更改為白色
以上紀錄

 

https://innstory.com/story-使用html2canvas截圖將背景顏色更改為白色-2346

上一篇
 發現茄十二星瓢蟲

下一篇
分享Googlenew服務新增Adobe瀏覽器中就可轉PDF檔 
  • 871
  • 0
  • 0

發表留言

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

分享 涉貪想落跑?門都沒有!馬來西亞前總理納吉遭限制出境,印尼度假計畫泡湯-風傳媒

分享 涉貪想落跑?門都沒有!…

Mark Chang 7 年又 197 天 2K

看起來退任元首接受調查然後移至監牢真的不分國界,覺得以後直接在元首辦公處旁蓋一座監牢比較快,然後退任...

分享 499之亂員工倒在最前線?中華電信子公司宏華國際:加班費加倍發給-風傳媒

分享 499之亂員工倒在最前…

Mark Chang 7 年又 196 天 2K

我其實很想知道身邊的朋友到底有多少人去排了XD

分享 首度載人試飛成功!日本新創SkyDrive拚2023年造出飛天計程車、30年後人人可搭數位時代

分享 首度載人試飛成功!日本…

Mark Chang 5 年又 84 天 1.1K

歡迎來到小叮噹的時代。 只是還要年,看來我是享受不到這樣的服務了。