canvas ctx.rotate()

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas ctx.rotate()相关的知识,希望对你有一定的参考价值。

canvas的rotate()方法
rotate()旋转当前的绘图。
语法:context.rotate(angle)
参数:angle旋转角度,以弧度计(n*Math.PI)
举例:假如想要旋转60度,可以context.rotate(Math.PI/3)进行表示;

注意
旋转的中心是在整个画布的左上角(0,0),旋转的正方向是顺时针,旋转的反方向是逆时针,
重点:canvas中的rotate方法是绕画布左上角(0,0)进行旋转的,而且会受到translate的影响

以上是关于canvas ctx.rotate()的主要内容,如果未能解决你的问题,请参考以下文章

无法旋转画布文本

使用 ctx.Rotate() 旋转后,Javascript 画布对象卡住

canvas圆点动效图

html5 canvas怎么画

canvas文字丢失

canvas-圆的绘制