CanvasContext.translate

简介

CanvasContext.translate 是对当前坐标系的原点（0, 0）进行变换，默认的坐标系原点为页面左上角。

扫码体验

undefined

效果示例

画布.gif

示例代码

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


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

显示效果如下图所示： ctx.translate.png

入参

Object 类型，属性如下：

属性	类型	描述
x	Number	水平坐标平移量。
y	Number	竖直坐标平移量。