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); */ }); }