Vue + html2canvas + 外域图片处理

推荐文章：

1：https://segmentfault.com/a/1190000011478657  讲述到位

2：http://html2canvas.hertzen.com/configuration    官网

 

核心代码

import html2canvas from 'html2canvas'
data: {
    return {
        pic64 = '' 
    }
}
methods: {
      getImageBase64(imgurl) {
        let _this = this
        let img = new Image()
        img.setAttribute('crossOrigin', 'anonymous')
        img.onload = function(){
          let canvas = document.createElement("canvas")
          canvas.width = 300
          canvas.height = 300
          let ctx = canvas.getContext("2d");
          ctx.drawImage(img, 0, 0, 300, 300);
          let dataURL = canvas.toDataURL("image/png"); 
          _this.pic64 = dataURL
        }
        img.src = imgurl
      }

}