CanvasContext.setLineDash

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

方法参数

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

示例

扫码体验

CanvasContext.setLineDash - 图1请使用百度APP扫码

图片示例

图片

代码示例1 - 基础用法

在开发者工具中预览效果

  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

在开发者工具中预览效果

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