Pregunta

Con el Raphael.js Biblioteca, las rutas se describen utilizando la sintaxis de la ruta SVG (por ejemplo M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z, que proporciona una forma muy compacta de crear una forma (especialmente si su forma se dibuja con una aplicación externa como Illustrator).

Estoy interesado en usar el papel.js Biblioteca (no basada en SVG), pero un primer vistazo a la documentación parece mostrar que las rutas se crean paso a paso a través de los métodos de objetos. Este es un enfoque muy diferente ("Descripción de la ruta" VS "de la ruta", se podría decir), no muy adecuado para mis necesidades.

Entonces: ¿hay alguna forma de usar rutas SVG en Paper.js? ¿O una solución similar de "descripción de ruta"?

Referencia:

¿Fue útil?

Solución

Puede usar la sintaxis de la ruta SVG como se describe en el Referencia de papel.js para 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);

Y aquí como ejemplo como un Paper.js Sketch

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top