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

分享 區塊鏈50

分享 區塊鏈50

區塊鏈

分享 歐盟警方與多國聯手掃盪,破獲全球最大DDoS攻擊服務網站

分享 歐盟警方與多國聯手掃盪...

擾人的資安問題啊~

分享 紓壓小物-熱熔槍3D筆 | 鄭永銘老師的Blog

分享 紓壓小物-熱熔槍3D筆...

這個挺有趣的,看來之前買錯的熱熔槍終於有用處了!! 只是有沒有那麼好的藝術天分又是另外一個課題了@@...

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