CanvasContext.setLineDash

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

# 方法参数

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

# 示例

# 扫码体验

请使用百度APP扫码

# 图片示例

图片

# 代码示例1 - 基础用法

在开发者工具中预览效果

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

    # 代码示例2

    在开发者工具中预览效果

      Page({
          data : { },
          onReady: function () {
              const canvasContext = swan.createCanvasContext('myCanvas');
              canvasContext.setLineDash([10, 20], 5);
              canvasContext.beginPath();
              canvasContext.moveTo(0,100);
              canvasContext.lineTo(400, 100);
              canvasContext.stroke();
              canvasContext.setLineDash([5, 10, 5], 5);
              canvasContext.beginPath();
              canvasContext.moveTo(0, 200);
              canvasContext.lineTo(400, 200);
              canvasContext.stroke();
              canvasContext.draw();
          }
      });