title: CanvasContext.setLineDash header: develop nav: api

sidebar: canvas_CanvasContext-setLineDash

解释：设置线条虚线样式的间距和长度。

方法参数

参数名 属性 必填 默认值 说明
pattern Array 是 一组描述交替绘制线段和间距（坐标空间单位）长度的数字。
offset Number 是 虚线偏移量。

示例

扫码体验

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

图片示例

图片

代码示例1 - 基础用法

在开发者工具中预览效果

:::codeTab

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  2. canvasContext.setLineDash([10, 20], 5);
  3. canvasContext.beginPath();
  4. canvasContext.moveTo(0,100);
  5. canvasContext.lineTo(400, 100);
  6. canvasContext.stroke();
  7. canvasContext.draw();

:::

代码示例2

在开发者工具中预览效果

:::codeTab

  1. Page({
  2.     data : { },
  3.     onReady: function () {
  4.         const canvasContext = swan.createCanvasContext('myCanvas');
  5.         canvasContext.setLineDash([10, 20], 5);
  6.         canvasContext.beginPath();
  7.         canvasContext.moveTo(0,100);
  8.         canvasContext.lineTo(400, 100);
  9.         canvasContext.stroke();
  10.         canvasContext.setLineDash([5, 10, 5], 5);
  11.         canvasContext.beginPath();
  12.         canvasContext.moveTo(0, 200);
  13.         canvasContext.lineTo(400, 200);
  14.         canvasContext.stroke();
  15.         canvasContext.draw();
  16.     }
  17. });

:::