html2canvas 將html代碼轉為圖片并保存下來

發布時間：2018-05-22 10:15,

瀏覽次數：421

, 標簽：

html

canvas

只是測試了下，在 谷歌和360上都可以，但是在火狐和ie下面暫時沒有效果，所以先做個小記錄，等解決ie了，再補充。

"Content-Type" content="text/html; charset=utf-8" />

head>

測試圖片 <

textArea id="textArea" col="20" rows="10" >85488545878445

class="button" type="button" value="button" οnclick="downloadForJS()">測試

//使用html2canvas 轉換html為canvas 　　html2canvas(document.body).then(function(canvas)

{ var imgUri = canvas.toDataURL("image/png").replace("image/png",

"image/octet-stream"); // 獲取生成的圖片的url 　 　　var saveLink = document.createElement(

'a'); 　　 　　 saveLink.href =imgUri; 　　　　 saveLink.download = 'logo.png';

saveLink.click();/*console.log(imgUri); */ }); }

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的将html保存为图片,html2canvas 将html代码转为图片并保存下来的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。