JavaScript的fillRect（）在经常调用的函数中不起作用

Question

在此image中，我有全局变量x和y在我的程序执行过程中不断变化，并且我有方法draw（）被其他文件不断调用。

[我知道程序的其余部分都可以工作，并且确实按照我想要的方式调用了此方法：在控制台中，我可以看到只要希望调用该方法，就会打印HTML Canvas Drawing。

但是，该方法的每次调用都与我在代码中具有的矩形图形无关。由于该方法正在运行，为什么不绘制矩形图？画布确实是在我的HTML文件中创建的。

Answer 1

这里是一个简单的例子。

let canvas = document.querySelector('canvas');
let width = canvas.width = 200;
let height = canvas.height = 200;

let ctx = canvas.getContext('2d');

function draw(){
    ctx.fillStyle = "#000";
    ctx.fillRect(0,0,width, height);
}

draw();

<canvas></canvas>