2012-10-23 171 views
2

有什么方法可以使用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

感谢 阿然

回答