javascript - 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);