資料載入中

胡言亂語

使用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檔 
  • 899
  • 0
  • 0

發表留言

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

分享 長輩都在上面,我覺得被監視!年輕人紛紛離開Facebook,誰是繼承者?-風傳媒

分享 長輩都在上面,我覺得被…

Mark Chang 7 年又 259 天 2.4K

社群平台的美意原本應該是提高人與人的互動,但事實上目前看到的大都是人與載具的互動~還曾經看過使用者不...

分享 Garmin將台灣列國家被道歉 他嘆:將台灣除名何其諷刺 - 國際 - 自由時報電子報

分享 Garmin將台灣列國…

Mark Chang 7 年又 256 天 1.9K

為什麼會被欺負,不夠強大?不夠團結?又或者不被別人認同,甚至不被以為的自己人認同?

分享 東京奧運開幕典禮超級變變變!超創意呈現1964年的50個靜態項目圖標

分享 東京奧運開幕典禮超級變…

Mark Chang 4 年又 138 天 1.3K

我從小就是超級變變變的迷,這次的東京奧運真的好有創意啊~ 最後如果亮燈了~阿欽出來就更讚了