赛捷软件论坛's Archiver

vicky.yu 发表于 2026-10-10 10:50

微信小程序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()

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.