4

http://paperjs.org/examples/

チェーンでカスタム パスを作成しようとしています。オタマジャクシにはハート型のパスがあらかじめ定義されているので、それをコピーしようとしていますが、いくつかの部分がわかりません。

var heartPath = new Path('M514.69629,624.70313c-7.10205,-27.02441 -17.2373,-52.39453 -30.40576,-76.10059c-13.17383,-23.70703 -38.65137,-60.52246 -76.44434,-110.45801c-27.71631,-36.64355 -44.78174,-59.89355 -51.19189,-69.74414c-10.5376,-16.02979 -18.15527,-30.74951 -22.84717,-44.14893c-4.69727,-13.39893 -7.04297,-26.97021 -7.04297,-40.71289c0,-25.42432 8.47119,-46.72559 25.42383,-63.90381c16.94775,-17.17871 37.90527,-25.76758 62.87354,-25.76758c25.19287,0 47.06885,8.93262 65.62158,26.79834c13.96826,13.28662 25.30615,33.10059 34.01318,59.4375c7.55859,-25.88037 18.20898,-45.57666 31.95215,-59.09424c19.00879,-18.32178 40.99707,-27.48535 65.96484,-27.48535c24.7373,0 45.69531,8.53564 62.87305,25.5957c17.17871,17.06592 25.76855,37.39551 25.76855,60.98389c0,20.61377 -5.04102,42.08691 -15.11719, 64.41895c-10.08203,22.33203 -29.54687,51.59521 -58.40723,87.78271c-37.56738,47.41211 -64.93457,86.35352 -82.11328,116.8125c-13.51758,24.0498 -23.82422,49.24902 -30.9209,75.58594z');

パスの先頭にあるMの意味、または一部の値のcやパスの末尾にあるzの意味がわかりません。ドキュメントや Google でそれに関する情報を見つけようとしましたが、1 文字では検索が難しくなるため、必要なものが見つかりません。

最初にMを外そうとしたら、オタマジャクシが動かなくなったので、M は「動く」という意味ではないでしょうか。cを削除するとハートの形が変わりますが、zを削除しても何も変わらないようです。

4

2 に答える 2

12

母:移動

上で説明したコマンド「Move To」または M。移動先の座標 ' x ' と座標 ' y ' の 2 つのパラメーターが必要です。カーソルが既にページのどこかにある場合、2 つの場所を結ぶ線は描画されません。「移動先」コマンドはパスの先頭に表示され、描画の開始位置を指定します

z: パスを閉じる

このコマンドは、現在の位置からパスの最初の点まで直線を引きます。常にではありませんが、多くの場合、パス ノードの最後に配置されます。大文字と小文字のコマンドに違いはありません。

c: ベジエ曲線

3 次曲線 C は、もう少し複雑な曲線です。3 次ベジエは、各点に対して 2 つの制御点を取り込みます。したがって、3 次ベジエを作成するには、3 つの座標セットを指定する必要があります。

ソース: https://developer.mozilla.org/en/docs/Web/SVG/Tutorial/Paths

-編集-

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dにアクセスして、使用可能なすべてのコマンドとその使用法を完全に参照できます。

于 2016-09-18T09:36:09.437 に答える
-3

呼び出すコンストラクタはのとおりです。

Path(, pathData)

は次pathDataのように記述されています。

このパスのジオメトリを記述する SVG パスデータ

読むべきドキュメントは SVG のものです。
コメントで@GerardoFurtadoが言及したように、ここにあなたにとって興味深い読み物があります。

于 2016-09-18T08:23:12.647 に答える