javascript - createElement('canvas') 代码适用于 Safari，但不适用于 Firefox、Chrome

Question

我正在尝试一个简单的查询，它获取图像并将其数据加载到变量中。此代码适用于 Safari(5)，但不适用于 Firefox（3.6.3 for Mac）或 Chrome（10 for Mac）。

这是代码：http: //jsfiddle.net/saTzx/

知道可能出了什么问题吗？

与此代码相关的另一个问题是，drawImage() 不应该实际绘制图像吗？这在任何浏览器中都不会发生。

Answer 1

图像已绘制，您只是从未将画布附加到任何父元素（例如document.body.appendChild(canvas)）。

我在 Safari 中也收到“加载图像失败”（另外，这不是真正的错误，图像已加载），这是正确的。您正在尝试读取被没有任何适当CORS标头的图像污染的图像数据，这是您的错误的根源。修复你的标题。