html5 canvas clip()

html-css010

html5 canvas clip(),第1张

clip() 相当剪切掉了 没法直接还原

用save()方法 在clip()之前 创建一个保存点 之后可以用restore()方法 回到保存点

就相当一个存取档的功能

(转)Html5 Canvas 所有的画线指令画出来的线条都有毛边(比如 lineTo, arcTo,strokeRect),这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝,那么当按这样的坐标进行线条渲染时所要用到的就是夹缝两边的象素点,这样即便设置了lineWidth为1也将看到两个象素效果的线条,解决方法原象素点+0.5进行偏移。

参考:http://my.oschina.net/jsan/blog/17651