getImageData 및 putImageData를 사용하는 HTML5 캔버스 크기 조정

getImageData 및 putImageData.Below를 사용하여 캔버스 크기를 조절할 수있는 방법은 코드 스 니펫입니다.getImageData 및 putImageData를 사용하는 HTML5 캔버스 크기 조정

 


    var c=document.getElementById("myCanvas"); 
     var c2=document.getElementById("myCanvas2"); 
     var ctx=c.getContext("2d"); 
     var ctx2=c2.getContext("2d"); 
     ctx.fillStyle="red"; 
     ctx.fillRect(10,10,50,50); 

     function copy(){ 
     var imgData=ctx.getImageData(10,10,50,50); 
     ctx2.translate(133.333,0); 
     ctx2.scale(0.75,1); 
     ctx2.putImageData(imgData,10,70); 
     }

나는 이것을 시도했습니다 http://jsbin.com/efixur/1/edit. (당신이 자바 스크립트에서 사용자 지정 스케일러를 작성하지 않은 경우)

감사 Ajain

출처

2012-10-23 Ajain Vivek