Utilisation de la syntaxe du chemin SVG dans paper.js?

Question

Avec la bibliothèque raphael.js, les chemins sont décrits en utilisant la syntaxe de chemin SVG, (par exemple M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z, qui fournit un moyen très compact pour créer une forme (surtout si votre forme est dessinée avec une application externe comme Illustrator).

Je suis intéressé par l'utilisation de la bibliothèque paper.js (pas basée sur SVG), mais un premier regard sur la documentation semble montrer que les chemins sont construits pas à pas à travers les méthodes objet. chemin description ", pourrait-on dire), pas très adapté à mes besoins

Donc: est-il un moyen d'utiliser les chemins SVG dans paper.js? Ou une solution de" chemin "similaire?

Référence:

• http://paperjs.org/reference/path
• http://raphaeljs.com/reference.html#Paper.path

Answer 1

Vous pouvez utiliser la syntaxe de chemin SVG tel que décrit dans le Paper.js reference for 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); 

Et ici comme un exemple comme Paper.js Sketch