CanvasContext.scale

2020-08-26 16:39 更新

解释:在调用scale方法后,之后创建的路径其横纵坐标会被缩放。多次调用scale,倍数会相乘。

方法参数

参数名属性必填默认值说明

scaleWidth

Number

横坐标缩放的倍数( 1 = 100% , 0.5 = 50% , 2 = 200% )

scaleHeigh

Number

纵坐标轴缩放的倍数( 1 = 100% , 0.5 = 50% , 2 = 200% )

示例 

在开发者工具中打开


图片示例

图片

代码示例

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


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

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号