javascript - html5 Canvas 图像调整大小

如何调整已在画布中绘制的图像的大小？
我没有成功地尝试了这个（图片正在显示，但它没有调整大小）：

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";
};

最佳答案

不能调整在画布上绘制的对象的大小。
你需要做的是重新绘制你的对象。
清除旧球所在的上下文ctx.clearRect(x,y,x2,y2)
再画一个新尺寸的球。
如果你想在画布上制作动画。这样做的方法是跟踪所有对象并为每个帧重新绘制画布（每个对象）。