資料載入中

胡言亂語

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

發表留言

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

分享 連刪掉的前男友帳號,臉書都幫你存好好?他教你打開臉書個人資料庫,裡面個資多到嚇死人-風傳媒

分享 連刪掉的前男友帳號,臉…

Mark Chang 7 年又 230 天 2.2K

看到這篇文章,突然覺得好笑又有趣,試想這些網站平台不紀錄你的個資那要紀錄什麼,這本來就是他們的商業模...

分享 一隻一塊錢!泰勞興奮狂抓荔枝椿象 大讚:超級好吃

分享 一隻一塊錢!泰勞興奮狂…

Mark Chang 7 年又 193 天 2.2K

真的假的@@ 不過我想,如果真可以說服人們吃了荔枝椿象可以養身或強健體魄,我相信這個物種很快就會滅絕...

線上CSS壓縮工具CSS Compressor

線上CSS壓縮工具CSS C…

Mark Chang 4 年又 104 天 1.8K

CSS是一種串接式表單階層式樣式表,主要是用來定義UI的顏色字體大小排列方式等等。 隨著CSS越來...