4

raphael.jsライブラリでは、パスはSVGパス構文を使用して記述されます（たとえば、M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208zシェイプを作成するための非常にコンパクトな方法を提供します（特に、シェイプがIllustratorなどの外部アプリケーションで描画される場合）。

私はpaper.jsライブラリ（SVGベースではない）の使用に興味がありますが、ドキュメントを最初に見ると、パスがオブジェクトメソッドを介して段階的に構築されていることがわかります。これは非常に異なるアプローチ（「パスの構築」と「パスの説明」と言えます）であり、私のニーズにはあまり適していません。

だから：paper.jsでSVGパスを使用する方法はありますか？または同様の「パスの説明」ソリューション？

参照：

4

1 に答える 1

4

You can use SVG path syntax as described in the 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);

And here as an example as a Paper.js Sketch

于 2014-01-25T02:01:12.423 に答える