Рисование пунктирной линии с помощью fabric.js

Я хотел бы нарисовать пунктирную линию, используя fabric.js. Я нашел проблему № 603 в github, которая должна реализовать эту функцию. Однако я не нашел кода примера и не могу заставить его работать с fabric.js 1.2.1.

Является ли это уже частью fabric.js 1.2.1 или мне нужно напрямую его отключить от github и самостоятельно построить? Может ли кто-нибудь предоставить мне простой пример, чтобы начать меня?

Ответы

Ответ 1

Свойство, которое вы ищете, strokeDashArray, которое кодирует атрибут SVG stroke-dasharray. Он ожидает массив, который описывает шаблон тире и пробелов, см. Связанную страницу для более подробной информации.

Пример использования может выглядеть следующим образом: это создало бы пунктирную черную линию с равными интервалами 5px:

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