17

我想用fabric.js画一条虚线。 我在 github 上发现了应该实现此功能的问题 #603。 但是我没有找到任何示例代码,并且无法使其与 fabric.js 1.2.1 一起使用。

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

4

1 回答 1

39

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

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

new fabric.Line([0, 20, 100, 20], {
    strokeDashArray: [5, 5],
    stroke: 'black'
});
于 2013-07-22T16:34:08.450 回答