用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进行编码。它需要一个描述破折号和间隙模式的数组，有关详细信息，请参阅链接页面。

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

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