Paper.jsでSVGパス構文を使用しますか?
-
28-10-2019 - |
質問
とともに 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スケッチ
所属していません StackOverflow