微信小程序API绘图对坐标轴进行顺时针旋转,canvasContext.rotate修改坐标 ... ...

 

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()
更多微信小程序开发教程,可以关注多程序。
上一篇 微信小程序中调用scale方法,小程序对横纵坐标进行缩放 下一篇 微信小程序canvas中translate,微信小程序坐标转换
论坛资讯同步说明,本文同步自论坛:bbs.miaozhizuo.com,如您在论坛注册成为会员用户并且发帖,则默认论坛文章同步协议,协议内容请移步论坛查看!

          在线客服

            点击这里给我发消息

          VIP咨询
         点击这里给我发消息

          咨询热线

   17080039991

      (免费拨打)

          代理招商

   178-9531-8531

[关闭]
随手APP微信

官方微信自助客服

[关闭]