로컬 파일에서 CreateJS로 이미지 업로드

Question

로컬 파일에서 CreateJS로 이미지 업로드를 시도합니다. 코드는 다음과 같습니다

function draw() { 
    stage = new createjs.Stage('canvas'); 
    var img = new Image(), 
     f = document.getElementById("uploadimage").files[0], 
     url = window.URL || window.webkitURL, 
     src = url.createObjectURL(f); 
     img.src = src; 
    img.onload = function() { 
     image = new createjs.Bitmap(this); 
     stage.addChild(image); 
     stage.update(); 
     url.revokeObjectURL(src); 
    } 
} 

document.getElementById("uploadimage").addEventListener("change", draw, false); 

그러나 선택 파일 후

는 이미지가 캔버스에 표시되지 않습니다. 뭐가 잘못 되었 니?

Answer 1

새 이미지()를 사용하는 대신 이미지의 비트 맵을 만들려고합니다. 이 비트 맵을 스테이지에 추가하는 것보다 효과가 있습니다.