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标头，这是您的错误的来源。修复标题。