캔버스에 clearRect 후 이미지를 그릴 수 없습니다.

Question

다음 코드에 문제가 있습니다. 본질적으로 이것은 이미지 업 로더에 싸여 있습니다. 따라서 업 로더가 콜백을 완료하면 다음 코드가 실행됩니다.

var c = canvas.getContext('2d'); 
var logoImage = new Image(); 
logoImage.onload = function() { 

    c.clearRect(0, 0, canvas.width, canvas.height); 
    c.drawImage(logoImage, 0, 0, 200, 300); // i've simplified this call... 
} 
logoImage.src = "/path/to/" + fileName; 

이렇게하면 처음으로 작동합니다. 그러나 나는 그 이후에도 계속 작동 할 것으로 예상했다. 따라서 다른 이미지가 업로드되면 캔버스가 지워지고 해당 이미지가 그려집니다. 대신 캔버스가 지워지지만 그 이상의 드로잉은 발생하지 않습니다.

아이디어가 있습니까?

c.clearRect(0, 0, canvas.width, canvas.height); 

로 교체 :

Answer 1

이 시도

canvas.width=canvas.width;