codecamp

微信小程序API 绘图对坐标轴进行顺时针旋转

微信小程序 canvas接口和方法绘图接口和方法

canvasContext.rotate


定义

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

参数

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


微信小程序 canvas接口和方法绘图接口和方法

在微信小程序中调用scale方法对横纵坐标进行缩放
微信小程序canvas中使用translate对坐标原点进行缩放
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定