1、安装插件

npm install html2canvas  -d

2、引用

import html2canvas from 'html2canvas';

3、应用

(1)HTML部分

<div @click="saveImg" id="captureId">
   <p><img id="Imgurl" :src="Imgurl" ></p>
   <p >长按识别二维码</p>
</div>

(2)JS部分

saveImg(){
     (window.html2canvas || html2canvas)(document.querySelector('#captureId')).then(canvas => {
     let imgUrl = canvas.toDataURL('image/png');
     this.dataURL = imgUrl;
   }
}

4、目前存在问题,还请各位大佬指点

截图生成的海报有3M大,加载时间过长

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐