千家信息网

怎么用canvasContext.rotate修改坐标

发表于:2025-01-23 作者:千家信息网编辑
千家信息网最后更新 2025年01月23日,这篇文章主要介绍"怎么用canvasContext.rotate修改坐标"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"怎么用canvasContext.rot
千家信息网最后更新 2025年01月23日怎么用canvasContext.rotate修改坐标

这篇文章主要介绍"怎么用canvasContext.rotate修改坐标"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"怎么用canvasContext.rotate修改坐标"文章能帮助大家解决问题。

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

关于"怎么用canvasContext.rotate修改坐标"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。

0