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

—— 2017 ——

12/22

00:00

来源：

作者：未知

栏目：小程序开发

2017/12/22 0:00:00 来源：不详作者：未知

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

更多微信小程序开发教程，可以关注。

【本站声明】
1、本站文章中所选用的图片及文字来源于网络以及用户投稿，由于未联系到知识产权人或未发现有关知识产权的登记，如有知识产权人并不愿意我们使用，如果有侵权请立即联系。
2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责，仅系客观性描述，如您需要了解该类商品/服务详细的资讯，请您直接与该类商品/服务的提供者联系。

KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商，长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。
KESION 不断通过技术创新，提供产品和服务，助力企业向数字化转型，通过科技驱动商业革新，让商业变得更智慧！

▼点击进入科汛官网了解更多

热门标签

微信小程序开发微信小程序

上/下篇

微信小程序中调用scale方法,小程序对横纵坐标进行缩放

绘图接口和方法 canvasContext.scale 定义在调用 scale 方法后，之后创建的路径其横纵坐标会被缩放。多次调用 scale ，倍数会相乘。参数参数类型说明 scaleWi

微信小程序开发微信小程序 2017/12/22 0:00:00
微信小程序canvas中translate,微信小程序坐标转换

绘图接口和方法 canvasContext.translate 定义对当前坐标系的原点(0, 0)进行变换，默认的坐标系原点为页面左上角。参数参数类型说明 x Number 水平坐标平移量

微信小程序开发微信小程序 2017/12/22 0:00:00