Firebase存储/ HTML画布 - ＆＃34;无法执行＆＃39; toDataURL＆＃39; on＆＃39; HTMLCanvasElement＆＃39;：受污染的画布可能无法导出＆＃34;

Question

我有一个存储在firebase存储中的图像。我将图像加载到画布上以进行绘制。它加载很好，我可以很好地绘制它。但是，当我去导出它时，我收到以下错误：

  

错误DOMException：无法执行＆＃39; toDataURL＆＃39; on＆＃39; HTMLCanvasElement＆＃39;：可能无法导出受污染的画布。

这是我导出的代码，用于测试：

  exportImage() {

     let canvas = document.getElementById('baseLayer_myCanvas') as HTMLCanvasElement;

     var image = new Image();

     image.setAttribute('crossOrigin', 'anonymous');

     image.id = "pic"

     image.src = canvas.toDataURL('image/png');

     document.getElementById('image_for_crop').appendChild(image);

 );

}

Answer 1

原来我需要在Firebase上允许跨源。详细说明可在以下链接中找到。

https://groups.google.com/forum/#!msg/firebase-talk/oSPWMS7MSNA/RnvU6aqtFwAJ