# CanvasContext.rotate(number rotate)

CanvasContext 是旧版的接口,新版 Canvas 2D 接口与 Web 一致

小程序插件:支持

相关文档: 画布指南canvas 组件介绍

# 功能描述

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

# 参数

# number rotate

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

# 示例代码

const ctx = wx.createCanvasContext('myCanvas')

ctx.strokeRect(100, 10, 150, 100)
ctx.rotate(20 * Math.PI / 180)
ctx.strokeRect(100, 10, 150, 100)
ctx.rotate(20 * Math.PI / 180)
ctx.strokeRect(100, 10, 150, 100)

ctx.draw()