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