全部产品

CanvasContext.rotate

以原点为中心,原点可以用 translate 方法修改。顺时针旋转当前坐标轴。多次调用 rotate,旋转的角度会叠加。

入参

Object 类型,属性如下:

属性

类型

说明

rotate

Number

旋转角度,以弧度计(degrees * Math.PI/180;degrees 范围为 0~360 ) 。

示例代码

//.js
const ctx = my.createCanvasContext('awesomeCanvas')

ctx.strokeRect(200, 20, 180, 150)
ctx.rotate(30 * Math.PI / 180)
ctx.strokeRect(200, 20, 180, 150)
ctx.rotate(30 * Math.PI / 180)
ctx.strokeRect(200, 20, 180, 150)

ctx.draw()

显示效果如下图所示:

image