使用fabric.js绘制虚线

Drawing a dashed line with fabric.js

本文关键字：虚线 绘制 js fabric 使用      更新时间：2023-09-26

我想用fabric.js画一条虚线。我在github上发现了应该实现此功能的问题#603。然而，我没有找到任何示例代码，也无法将其用于fabric.js 1.2.1。

它已经是fabric.js 1.2.1的一部分了吗？还是我必须直接从github上取下来，自己构建它？有人能给我举个简单的例子让我开始吗？

您要查找的属性是strokeDashArray，它对SVG属性stroke-dasharray进行编码。它需要一个描述破折号和间隙模式的数组，有关更多详细信息，请参阅链接页。

使用示例可能如下所示，它将创建一条等间距5px填充的黑色虚线：

new fabric.Line([0, 20, 100, 20], {
    strokeDashArray: [5, 5],
    stroke: 'black'
});
相关文章：