WeChat gadget canvas uses translate to scale coordinate origin

Drawing interfaces and methods

canvasContext.translate

Defined

Transforms the origin (0, 0) of the current coordinate system, with the default coordinate system origin in the upper-left corner of the page.

Parameters

Example

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

Drawing interfaces and methods