晴川云小程序教程：微信小程序API 绘图对坐标轴进行顺时针旋转

晴川运维 • • 小程序

绘图接口和方法

canvasContext.rotate

定义

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

参数

参数 类型 说明
rotate Number 旋转角度，以弧度计(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()

绘图接口和方法

原创文章，作者：晴川运维，如若转载，请注明出处：https://baike.qcidc.com/15163.html

赞 (0)
晴川运维晴川运维
0
上一篇 2025年10月9日
下一篇 2025年10月9日

相关推荐

发表回复

登录后才能评论