Disegno di una linea tratteggiata con fabric.js

Question

Mi piacerebbe disegnare una linea tratteggiata usando fabric.js. I've found Issue #603 on github that should implement this feature. Tuttavia non ho trovato alcun codice di esempio e non riesco a farlo funzionare con fabric.js 1.2.1.

Fa già parte di fabric.js 1.2.1 o devo disinstallarlo direttamente da github e crearlo da solo? Qualcuno potrebbe fornirmi un semplice esempio per farmi iniziare?

Answer 1

La proprietà che stai cercando è strokeDashArray che codifica l'attributo SVG stroke-dasharray. Si aspetta una matrice che descriva il modello di trattini e spazi, vedere la pagina collegata per maggiori dettagli.

Un esempio di utilizzo può apparire come il seguente, che creerebbe una linea nera tratteggiata con equidistanti 5px riempie:

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