好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5Canvas实现平移/放缩/旋转deom示例(附截图)_html5教程技巧

HTML5 Canvas中提供了实现图形平移,旋转,放缩的API。
平移(translate)
平移坐标translate(x, y)意思是把(0,0)坐标平移到(x, y),原来的(0,0)坐标则变成(-x, -y)
图示如下:

任何原来的坐标点p(ox, oy)在translate之后的坐标点为p(ox-x, oy-y),其中点(x, y)为平移
点坐标translate(x, y)。
代码演示:

查看更多关于HTML5Canvas实现平移/放缩/旋转deom示例(附截图)_html5教程技巧的详细内容...

  阅读:47次