html5 canvas imageリサイズ

Question

イメージをキャンバスに描画する方法は？

私は（画像が表示されているが、それはサイズを変更しません）運でこれを試してみました：

var drawBall = function(mouseX, mouseY){ 
    ballimg = new Image(); 
    ballimg.onload = function(){ 
     ctx.drawImage(ballimg, mouseX-25, mouseY-25); 
     ballimg.height = 5; 
     throwed = true; 

    }; 
    ballimg.src = "ball2.png"; 
}; 

Answer 1

あなたがキャンバスに描かれているオブジェクトのサイズを変更することはできません。

オブジェクトを再描画するだけです。

古いボールが配置されているコンテキストをクリアするctx.clearRect(x,y,x2,y2) 新しいサイズの新しいボールを描画します。

キャンバス上で物事をアニメーション化したい場合。それを行う方法は、すべてのオブジェクトを追跡し、すべてのフレームについてキャンバス（すべてのオブジェクト）を再描画することです。