welcome

html2canvas合成图片

 

<img
     :src="tempimg"
      @load="loadImage"
      @error="errorLoad"
/>

图片加载完成的回调,完成后再去调用

//调用html2canvas方法需先下载,版本 ^1.4.1
npm install html2canvas

import html2canvas from 'html2canvas'
loadImage () {
// 将DOM元素转换成base64图片 html2canvas(document.querySelector('.imgbox')).then(canvas => { this.dyLastImg = canvas.toDataURL('image/png') }) },

 

posted @ 2022-10-11 14:44  一首弦曲献仙音  阅读(310)  评论(0编辑  收藏  举报
//博文图片放大缩小 //飘桃花效果