HTML5畫布使用getImageData和putImageData縮放

有什麼方法可以使用getImageData縮放畫布，putImageData.Below是代碼片段。HTML5畫布使用getImageData和putImageData縮放

 


    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。

感謝阿然

來源

2012-10-23 Ajain Vivek