canvas旋转
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas旋转相关的知识,希望对你有一定的参考价值。
canvas旋转的两种方法:
1、先用translate()将(0,0)坐标移动到想要旋转的中心点,再用rotate()旋转,最后要用translate()将中心移回(0,0)点。
2、将要旋转的内容放在save()方法和restore()方法之间(类似于将两个方法里的绘制放在新的画布里),此方法也要用translate()方法移动(0,0)点,再用rotate()方法。
注意:
1、rotate()方法要放在绘制图形之前。
2、要先用translate()再用rotate()。
3、第一种方法for循环旋转多次的话,后一次是根据前一次的位置旋转的,比如:第一个图形在水平右边,顺时针旋转90度后,在垂直下方,再选择90度就到水平左侧了。
4、第二种方法for循环旋转多次的话,是根据初始位置旋转的,比如:绘制在水平右侧,则旋转会根据水平右侧旋转。
以上是关于canvas旋转的主要内容,如果未能解决你的问题,请参考以下文章