CanvasContext.translate

2020-08-26 16:41 更新

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

方法参数

属性名类型必填默认值说明

x

Number

水平坐标平移量

y

Number

竖直坐标平移量

示例 

在开发者工具中打开


图片示例

代码示例

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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号