小程序开放平台

文档中心
暂无目录

xhs.setLineDash

更新时间:2025-12-09 11:00:32

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

参数

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

示例代码

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

Page({
    onLoad() {
        const canvasContext = xhs.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();
    }
});

该文档是否对您有帮助?