CanvasContext.rotate

2020-09-14 15:17 更新

简介

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

扫码体验

undefined

效果示例

画布.gif

示例代码

//.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()

显示效果如下图所示: ctx.strokerect.png

入参

Object 类型,属性如下:

属性 类型 描述
rotate Number 旋转角度,以弧度计(degrees * Math.PI/180;degrees 范围为 0~360 ) 。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号