fabric.toDataUrl 出现图片跨域问题

背景

Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported
需要使用fabricjs 制作可以编辑配置的海报模板，但是在生成海报时 需要使用fabric.toDataUrl()来生成图片
没有成功，后来一查是图片跨域，导致canvas没有办法生成图片。
其实就是浏览器不让 canvas使用跨域图片来生成图片

解决思路

既然是图片跨域，那就解决图片问题
第一个 让服务器开图片跨域，然而失败了
第二个 好好读了一下fabricjs的文档发现了fabric.Image.fromURL()不仅可以用url,也可以加载base64，
有了这个方法那就简单多了
想办法把图片转换到base64就可以了， 然后在使用 fabric.Image.fromURL就可以加载图片了
然后this.fabric_canvas.toDataURL(),
data:image/png;base64,iVBORw0KG~
美滋滋没有报错

  fabric.Image.fromURL(getBase64(url), function (oImg) {
          resolve(oImg);
        });//加载base64
function getBase64(url){
	// 怎么获取图片base64 自己查 网上一大堆
}