javascript - 使用 javascript 调整 Image() 对象大小不工作

Question

我在 javascript 中有一个图像对象，我将其用作乒乓球游戏的背景。然而，图像比 Canvas 大，所以我尝试用这个缩小它

var bg=new Image(); 
bg.src='bg.png';
bg.width=600;
bg.height=400;

但是，在 Canvas 中，图像没有改变大小。有谁知道是什么原因造成的？

Answer 1

要调整整个图像的大小，而不是从源中手动调整大小，将宽度和高度参数添加到 drawImage() 方法中，如下所示

 ctx.drawImage(bg,0,0,600,400);