未捕获的类型错误：drawImage 类型错误

Question

我是 HTML5 和 canvas 元素的新手，在过去的几周里我一直在努力更好地理解它。Uncaught TypeError: Type error无论如何，当我尝试将红色方块从此代码http://jsfiddle.net/kmHZt/10/更改为此图像http://i.imgur.com/k73egsW.png时，我得到了。但当我尝试时，我总是明白这一点Uncaught TypeError: Type error。这是我目前的代码http://jsfiddle.net/cCDFs/。

如果您需要我更好地解释一些事情，请尽管询问。

Answer 1

您试图将 URL 传递给drawImage，但您无法这样做 - 您需要加载图像元素并在图像加载完成后传递它。

本文提供了我所描述内容的示例。

代码最终会是这样的：

var img = new Image();
img.onload = function() {
    context.drawImage(img, 2, 2);
}
img.src = 'http://i.imgur.com/k73egsW.png';

事实上，您的代码在加载和绘制图块时就已经执行了此操作。