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旋转的全部内容了,更多内容请关注:CPP学习网_CPP大学
本文固定链接:CPP学习网_CPP大学-canvas旋转

以上是关于canvas旋转的主要内容,如果未能解决你的问题,请参考以下文章

canvas内image旋转

用canvas画会旋转的伞

JS中canvas画布绘制中如何实现缩放,位移,旋转

canvas离屏旋转效果实践——旋转的雪花

canvas离屏旋转效果实践——旋转的雪花

canvas旋转