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')
  })
},