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) 새 크기로 새로운 공을 그립니다.

캔버스에서 사물에 애니메이션을 적용하려는 경우. 그렇게하는 것은 모든 개체를 추적하고 모든 프레임에 대해 캔버스 (모든 개체)를 다시 그리는 것입니다.