用fabric.js绘制一条虚线

Question

我想用fabric.js画一条虚线. 我在github上找到了应该实现此功能的问题#603. 但是我没有找到任何示例代码,也无法使用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'
});