Firebase 存储/HTML 画布 - “无法在‘HTMLCanvasElement’上执行‘toDataURL’：可能无法导出受污染的画布”[重复]答案

【问题标题】：Firebase Storage / HTML Canvases - "Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported" [duplicate]Firebase 存储/HTML 画布 - “无法在‘HTMLCanvasElement’上执行‘toDataURL’：可能无法导出受污染的画布”[重复]
【发布时间】：2018-08-02 06:22:56
【问题描述】：

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

错误 DOMException：无法在“HTMLCanvasElement”上执行“toDataURL”：可能无法导出受污染的画布。

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

  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);

 );

}

【问题讨论】：

标签： firebase canvas firebase-storage todataurl

【解决方案1】：

原来我需要在 Firebase 上允许跨域。详细的解释可以在下面的链接中找到。

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

【讨论】：