質問

とともに raphael.js ライブラリ、パスはSVGパス構文を使用して説明されています(例: M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z, 、形状を作成するための非常にコンパクトな方法を提供します(特に、イラストレーターなどの外部アプリケーションで形状が描かれている場合)。

私はの使用に興味があります Paper.js ライブラリ(SVGベースではありません)が、ドキュメントを最初に見ると、パスが段階的にオブジェクトのメソッドを段階的に構築されていることが示されているようです。これは非常に異なるアプローチ(「パスビルディング」対「パスの説明」です)であり、私のニーズにはあまり適していません。

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

参照:

役に立ちましたか?

解決

で説明されているように、SVGパス構文を使用できます Paper.jsリファレンス 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);

そして、ここで例として Paper.jsスケッチ

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top