html5畫布圖像調整大小

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) 並繪製新尺寸的新球。

如果你想在畫布上動畫的東西。你這樣做的方式是跟蹤所有的對象，併爲每一幀重繪畫布（每一個對象）。