全部产品

CanvasContext.translate

平移当前坐标系的原点,默认的坐标系原点是页面左上角 (0, 0)。

入参

Object 类型,属性如下:

属性

类型

说明

x

Number

水平坐标平移量。

y

Number

竖直坐标平移量。

示例代码

//.js
const ctx = my.createCanvasContext('awesomeCanvas')

ctx.strokeRect(20, 20, 250, 80)
ctx.translate(30, 30)
ctx.strokeRect(20, 20, 250, 80)
ctx.translate(30, 30)
ctx.strokeRect(20, 20, 250, 80)

ctx.draw()

显示效果如下图所示:

image