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) 并用新尺寸绘制一个新球。

如果你想在画布上制作动画。你这样做的方法是跟踪所有对象并重绘每个帧的画布（每个对象）。