使用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

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

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

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