Domanda

Con il Raphael.js libreria, i percorsi sono descritti usando la sintassi per il percorso SVG, (EG M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z, che fornisce un modo molto compatto per creare una forma (specialmente se la forma è disegnata con un'applicazione esterna come illustratore).

Mi interessa usare il paper.js Libreria (non basata su SVG), ma una prima occhiata alla documentazione sembra mostrare che i percorsi sono costruiti passo dopo passo attraverso i metodi degli oggetti. Questo è un approccio molto diverso ("percorso costruzione" vs "Descrizione del percorso", si potrebbe dire), non molto adatto alle mie esigenze.

Quindi: c'è un modo per utilizzare i percorsi SVG in Paper.js? O una soluzione di "descrizione del percorso" simile?

Riferimento:

È stato utile?

Soluzione

È possibile utilizzare la sintassi del percorso SVG come descritto in Paper.js Riferimento per pathData

var pathData = 'M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z';
var path = new Path(pathData);

path.strokeColor = 'black';

// Scale the copy by 1000%, so we see something
path.scale(10);

E qui come esempio come un Paper.js Sketch

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top