使用javascript无法正常调整Image()对象的大小

Question

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

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

但是,在画布中,图像没有改变大小.有谁知道是什么原因造成的？

Answer 1

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

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