Loading...

使用html2canvas截圖將背景顏色更改為白色

Temperature: 0 °C

Mark ChangMark Chang
author_tools

在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>

參考Url link

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

 

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

Prev
 發現茄十二星瓢蟲

Next
分享_Googlenew服務新增Adobe瀏覽器中就可轉PDF檔 

About the Author

Mark Chang

離不開電腦的宅男

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

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

分享 Garmin將台灣列國...

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

分享 有神快拜!日手作達人做出會「寫時間」的機器人手錶,超精緻根本可以直接拿去賣!-風傳媒

分享 有神快拜!日手作達人做...

好特別啊~設計這種機器人真的是有別於一般先進科技的有趣。

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

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

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

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format