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

canvasContext.translate

定义

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

参数

例子

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