Rysowanie linii przerywanej za pomocą pliku fabric.js

Question

Chciałbym narysować przerywaną linię przy użyciu pliku fabric.js. I've found Issue #603 on github that should implement this feature. Jednak nie znalazłem żadnego przykładowego kodu i nie można go uruchomić z plikiem fabric.js 1.2.1.

Czy jest już częścią pliku fabric.js 1.2.1, czy też muszę go pobrać bezpośrednio z github i sam go skompilować? Czy ktoś mógłby mi podać prosty przykład, żeby zacząć?

Answer 1

Właściwość, której szukasz, to strokeDashArray, która koduje atrybut SVG stroke-dasharray. Oczekuje tablicy opisującej wzorzec kresek i przerw, więcej szczegółów znajdziesz na stronie z linkami.

Przykładem wykorzystania może wyglądać w następujący sposób, który będzie tworzyć się czarna linia przerywana z równomiernie rozmieszczonych 5PX wypełnia:

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