CanvasContext.translate

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

# 方法参数

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

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 图片示例

# 代码示例

    <canvas canvas-id="myCanvas" class="myCanvas" />
    
    Page({
        onLoad() {
            const canvasContext = swan.createCanvasContext('myCanvas');
    
            canvasContext.strokeRect(10, 10, 150, 100);
            canvasContext.translate(20, 20);
            canvasContext.strokeRect(10, 10, 150, 100);
            canvasContext.translate(20, 20);
            canvasContext.strokeRect(10, 10, 150, 100);
    
            canvasContext.draw();
        }
    });