h5页面dom节点转化为canvas,实现图片保存到本地

1、下载html2canvas 包 引入import html2canvas from 'html2canvas'

2、 <div id="box">

<img :src="canvas">

</div>

let _this = this;

_this.$nextTick(()=>{

html2canvas(document.getElementById("box")).then((canvas)=> {

var img = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

_this.canvas = img//已经转化了img

});

})