私はこのようなSVGパスを描く:制御点を含むSVGパス(Z)を閉じますか?
スタート:
M x, y
....曲線
Q x1, y1, x, y
などなどを追加し、私は道を閉鎖したい場合、私はちょうどZ
しかし、最後の線分にはコントロールポイントがありません。
パスを閉じて、最後のセグメントにコントロールポイントを設定するにはどうすればよいですか?
次のようになります。Z Q x1, y1
ここで、Zはパス(現在のポイントから最初のポイント)を閉じますが、x1とy1を制御ポイントとして使用します。
私はSVGがそれをサポートしているかどうかを知りたいので、javascriptとしてタグ付けしませんでした。私はキャンバス上にパスを描画するためにfabricJSを使用していますが、SVGとまったく同じように動作しています。最初のポイントにもう1つのラインフォームの現在のポイントを追加し、視覚的にパスを閉じてからZを呼び出すことができますが、それでもコントロールポイントを持たない1つのラインを残します。 – vale4674
FWIW Adobe Illustratorを使用して2点(4つのコントロールポイント)から楕円を作成すると、 'M0,0 c0、-50,100、-50,100,0 S0,50,0,0 z 'のようなパスデータが得られます。このように、私は上記JavaScriptを使って説明したことを行い、最初のコントロールポイントを接線方向に反映するコントロールポイントで手動でカーブを閉じます。そして、あなたが言うように、それは公式に道を閉じるために(余分な)ゼロ距離 'z'を投げます。 – Phrogz
私は説明したようにしました。私は通常のカーブを追加しましたが、カーブの最後にはパスのスタートコードを付けました。そして、私はZで閉じています。私の実装では、そのポイントを押してパスの開始と終了を制御するかどうかを知っています。 (あなたが理解することを望む、より良く説明する方法を知らない) – vale4674