大学生新闻网，大学生新闻发布平台
小程序画布旋转 CanvasContext.rotate(number rotate)
以原点为中心顺时针旋转当前坐标轴。多次调用旋转的角度会叠加。原点可以用 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()
小程序插件：支持
参数
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()
- 作者：大学生新闻网 来源：大学生新闻网
- 发布时间：2025-04-15 阅读：
- 扫一扫 分享悦读
- 小程序画布绘制图像到画布CanvasContext.drawImage
- 所要绘制的图片资源（网络图片要通过 getImageInfo / downloadFile 先下载）
- 04-15 关注：0
- 小程序画布旋转 CanvasContext.rotate(number rotate)
- 以原点为中心顺时针旋转当前坐标轴。多次调用旋转的角度会叠加。原点可以用 translate 方法修改。
- 04-15 关注：0
- 小程序画布路径缩放CanvasContext.scale
- CanvasContext.scale(number scaleWidth, number scaleHeight)
- 04-15 关注：0
- 小程序画布关闭一个路径CanvasContext.closePath
- CanvasContext.closePath()关闭一个路径。会连接起点和终点。
- 04-15 关注：0
- 小程序画布画出当前路径的边框CanvasContext.stroke
- CanvasContext.stroke()画出当前路径的边框。默认颜色色为黑色。
- 04-15 关注：0
- 小程序画布对路径中的内容进行填充CanvasContext.fill
- CanvasContext.fill()对当前路径中的内容进行填充。默认的填充色为黑色。
- 04-15 关注：0
- 小程序画布清除画布上矩形区域内的内容CanvasContext.clearRect
- CanvasContext.clearRect(number x, number y, number width, number height)
- 04-15 关注：0
- 小程序画布画一个非填充矩形CanvasContext.strokeRect
- CanvasContext.strokeRect(number x, number y, number width, number height)
- 04-15 关注：0
-
客服QQ：471708534 大学生新闻网©版权所有