JS通过html2canvas插件实现截图功能(长按保存图片)
JS截图长按图片保存
·
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大,加载时间过长
更多推荐
已为社区贡献1条内容
所有评论(0)