javascript - 使用 fabric.js 绘制虚线

Question

我想用 fabric.js 画一条虚线。 I've found Issue #603 on github that should implement this feature.但是我没有找到任何示例代码，也无法让它与 fabric.js 1.2.1 一起工作。

它已经是 fabric.js 1.2.1 的一部分，还是我必须直接从 github 上获取它并自己构建它？有人可以为我提供一个简单的示例来帮助我入门吗？

Answer 1

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

一个用法示例可能如下所示，它会创建一条等间距填充 5 像素的黑色虚线:

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