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)и нарисуйте новый шар с новым размером.

Если вы хотите анимировать вещи на холсте.Для этого вы должны отслеживать все ваши объекты и перерисовывать холст (каждый отдельный объект) для каждого кадра.