CanvasContext.scale

2020-08-26 16:39 更新

解釋:在調(diào)用scale方法后,之后創(chuàng)建的路徑其橫縱坐標(biāo)會被縮放。多次調(diào)用scale,倍數(shù)會相乘。

方法參數(shù)

參數(shù)名屬性必填默認(rèn)值說明

scaleWidth

Number

橫坐標(biāo)縮放的倍數(shù)( 1 = 100% , 0.5 = 50% , 2 = 200% )

scaleHeigh

Number

縱坐標(biāo)軸縮放的倍數(shù)( 1 = 100% , 0.5 = 50% , 2 = 200% )

示例 

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


圖片示例

圖片

代碼示例

<canvas class="myCanvas" canvas-id="myCanvas" />
Page({
    onLoad() {
        const canvasContext = swan.createCanvasContext('myCanvas');
        canvasContext.strokeRect(10, 10, 25, 15);
        canvasContext.scale(2, 2);
        canvasContext.strokeRect(10, 10, 25, 15);
        canvasContext.scale(2, 2);
        canvasContext.strokeRect(10, 10, 25, 15);
        canvasContext.draw();
    }
});


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號