codecamp

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

微信小程序 canvas接口和方法绘图接口和方法

canvasContext.translate


定义

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

参数

参数类型说明
xNumber水平坐标平移量
yNumber竖直坐标平移量

例子

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


微信小程序 canvas接口和方法绘图接口和方法
微信小程序API 绘图对坐标轴进行顺时针旋转
微信小程序API 绘图setFontSize(设置字号)
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定