Mark ChangMark Chang
在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>

參考連結網址


以上紀錄

 

作者簡介

Mark Chang

離不開電腦的宅男

訪客留言

留下一些足跡證明你來拜訪過我

推薦閱讀

作者其他相關類別故事

利用.htaccess隱藏副檔名html和php

利用.htaccess隱藏副檔名html和php

隱藏副檔名html RewriteEngine On RewriteCond %{...

分享 區塊鏈50

分享 區塊鏈50

區塊鏈...

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

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

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

請選擇選項

執行錯誤

Hi,謝謝你的參與,但無法重複投票哦~

現在就加入innstory,開始紀錄你的故事。

「innstory」是一個儲存故事的地方,我們致力於成為一個有溫度的平台,加深人與人之間的羈絆是我們所努力的方向。
我們深信人與人間的區塊鏈不是只是冷冰冰的運算。現在就加入我們。