html2canvas.js 生成图片怎么保存

1、在文件夹中创建一个html文件test，把html2canvas也放进去。

2、在test页面中引入html2canvas。

3、创建一个id为“jietu”的div层，作为要被保存的层。

4、然后在其后面添加script脚本，创建一个方法里面使用html2canvas截取jietu层。html2can即枢潋雳vas(document.querySelector("#jietu")).then(canvas => { document.body.appendChild(canvas); });

5、执行后我们发现截取的部分以canvas方式显示在后面。

6、现在我们在后面再添加保存图片的方法。 var imgData = canvas.toDataURL("image/png").replace("足毂忍珩image/png", "image/octet-stream"); window.location.href= imgData;

7、这次我们再次在浏览器打开test就可以保存图片了。