title: CanvasContext.scale header: develop nav: api

sidebar: canvas_CanvasContext-scale

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

方法参数

参数名 属性 必填 默认值 说明
scaleWidth Number 横坐标缩放的倍数 (1 = 100%,0.5 = 50%,2 = 200%) 。
scaleHeigh Number 纵坐标轴缩放的倍数 (1 = 100%,0.5 = 50%,2 = 200%)。

示例

在开发者工具中预览效果

扫码体验

sidebar: canvas_CanvasContext-scale - 图1 请使用百度APP扫码

图片示例

图片

代码示例

:::codeTab

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  2. canvasContext.strokeRect(10, 10, 25, 15);
  3. canvasContext.scale(2, 2);
  4. canvasContext.strokeRect(10, 10, 25, 15);
  5. canvasContext.scale(2, 2);
  6. canvasContext.strokeRect(10, 10, 25, 15);
  7. canvasContext.draw();

:::