javascript - 为什么我的 webbrowser 上的调试系统告诉我（drawImage 不是函数）？

Question

当我尝试绘制图像时，我正在制作一个 JavaScript 程序。我刚刚在谷歌上搜索了如何做到这一点，并且多个消息来源告诉我同样的：

ctx.drawImage(images[0],100,100);

我试图这样做，我创建了一个数组并在他们的图像中放入了一个图像，然后是一个 src 并尝试绘制图像，但我的 Firefox 调试器告诉我“drawImage 不是一个函数”。

这是我的代码：

var images = new Array();
canvas = document.getElementById('canvas');
images[0] = new Image();
images[0].src=("img/w1.png");
ctx.drawImage(images[0],100,100);

顺便说一句，这适用于程序：

ctx[1].fillStyle = "#000000";
ctx[1].fillRect(x[0], y[0], 50, 50);

Answer 1

一旦你定义了你的 ctx 权利，它应该可以工作。

var images = new Array();
canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
images[0] = new Image();
images[0].src=("img/w1.png");
ctx.drawImage(images[0],100,100);