title: CanvasContext.translate header: develop nav: api

sidebar: canvas_CanvasContext-translate

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

方法参数

属性名 类型 必填 默认值 说明
x Number 是 水平坐标平移量
y Number 是 竖直坐标平移量

示例

在开发者工具中预览效果

扫码体验

sidebar: canvas_CanvasContext-translate - 图1 请使用百度APP扫码

图片示例

图片

代码示例

:::codeTab

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  3. canvasContext.strokeRect(10, 10, 150, 100);
  4. canvasContext.translate(20, 20);
  5. canvasContext.strokeRect(10, 10, 150, 100);
  6. canvasContext.translate(20, 20);
  7. canvasContext.strokeRect(10, 10, 150, 100);
  9. canvasContext.draw();

:::