Utilisation de la syntaxe de chemin SVG dans paper.js?
-
28-10-2019 - |
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 façon très compacte de créer une forme (surtout si votre forme est dessinée avec une application externe telle qu'Illustrator).
Je suis intéressé par l'utilisation de la bibliothèque paper.js (non basée sur SVG), mais un premier aperçu de la documentation semble montrer que les chemins sont construits étape par étape à travers des méthodes objet. C'est une approche très différente ("construction de chemin" vs "description de chemin", pourrait-on dire), peu adaptée à mes besoins.
Alors: y a-t-il un moyen d'utiliser les chemins SVG dans paper.js? Ou une solution similaire de "description de chemin"?
Référence:
La solution
Vous pouvez utiliser la syntaxe de chemin SVG comme décrit dans la référence Paper.js pour 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);