文章出處
文章列表
實現思路用html2canvas.js將元素轉換成canvas,在將canvas轉成圖片。
html2canvas(document.body, {
onrendered: function(canvas) {
//將canvas轉成base64
console.log(canvas.toDataURL());
}
});最后將base64的數據賦值給a標簽的href屬性，并且給a標簽加上downlaod屬性即可實現下載。
html2canvas.js將元素轉成canvas的原理好像是通過svg實現的，如果你感興趣可以研究一下。
如果想實現通用的網站截圖工具，那么可以制作成一個chrome插件，這里我已經寫好了，需要的可以下載。
寫插件的時候遇到一個問題，就是在測試環境下，content_scripts中向browser_action中發送數據，但在browser_action中并沒有響應它的事件，我打開它的控制臺刷新才執行了。
文章列表
 |
不含病毒。www.avast.com |
全站熱搜
留言列表
