微信小程序canvas中使用translate对坐标原点进行缩放

本文整理自网络，侵删。

绘图接口和方法

canvasContext.translate

定义

对当前坐标系的原点(0, 0)进行变换，默认的坐标系原点为页面左上角。

参数

参数	类型	说明
x	Number	水平坐标平移量
y	Number	竖直坐标平移量

例子

const ctx = wx.createCanvasContext('myCanvas')ctx.strokeRect(10, 10, 150, 100)ctx.translate(20, 20)ctx.strokeRect(10, 10, 150, 100)ctx.translate(20, 20)ctx.strokeRect(10, 10, 150, 100)ctx.draw()

绘图接口和方法

标签：微信小程序

相关阅读 >>

微信小程序开发中 var that =this的用法以及意义

微信小程序 wxml

微信小程序 ocridcard

sdk数据库 aggregate文档排序

微信小程序api 绘图介绍（如何在canvas上画图）

微信小程序 运维中心getperformance

微信小程序 设置线路接口

微信小程序 访问趋势

微信小程序api 动画

微信小程序api 接收消息和事件

更多相关阅读请进入《微信小程序》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者