CanvasContext.rotate
2020-09-14 15:17 更新
简介
CanvasContext.rotate 用于以原点为中心(原点可以用 translate 方法修改),顺时针旋转当前坐标轴。多次调用 rotate
,旋转的角度会叠加。
扫码体验
效果示例
示例代码
//.js
const ctx = my.createCanvasContext('canvas')
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()
显示效果如下图所示:
入参
Object 类型,属性如下:
属性 | 类型 | 描述 |
---|---|---|
rotate | Number | 旋转角度,以弧度计(degrees * Math.PI/180;degrees 范围为 0~360 ) 。 |
以上内容是否对您有帮助:
更多建议: