记录html5——canvas的那些坑

1.putImageData 第3个以后的参数在chrome不支持,在我测试的时候2013.9.28 以后应该会改善
<script type=”text/javascript”>
var c=document.getElementById(“myCanvas”);
var ctx=c.getContext(“2d”);
var image = new Image();
image.src = “face.jpg”;
image.onload = function(){
ctx.drawImage(image,10,10);
var imgData=ctx.getImageData(50,50,200,200);
ctx.putImageData(imgData,10,260);
ctx.putImageData(imgData,200,260,50,50,100,100);        //这里chrome会报错  Uncaught TypeError: Type error
};
</script>
2.用getImageData获取的画布如果是png的话,获取的图片是一个矩形,包含底色; 目前还是用drawImage()比较兼容,虽然效率不够高

发表评论