使用javascript无法正常调整Image（）对象的大小

Question

我在javascript中有一个图像对象，我用它作为乒乓游戏的背景。但是，图像比画布大，所以我试图用这个缩小它

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

但是，在画布中，图像没有改变大小。有谁知道造成这种情况的原因是什么？

Answer 1

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

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