CanvasContext.translate

2020-08-26 16:41 更新

解釋:對(duì)當(dāng)前坐標(biāo)系的原點(diǎn)(0, 0)進(jìn)行變換,默認(rèn)的坐標(biāo)系原點(diǎn)為頁面左上角。

方法參數(shù)

屬性名類型必填默認(rèn)值說明

x

Number

水平坐標(biāo)平移量

y

Number

豎直坐標(biāo)平移量

示例 

在開發(fā)者工具中打開


圖片示例

代碼示例

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


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)