1

svg rect タグから作成された長方形があり、円を埋め込みたいと考えています。svg 要素に子要素を含めることはできないことがわかりました。または、適切な例が得られたと思います。ある要素を別の要素に子として持ち、その後あまりにも見えてしまう可能性があることを教えてください。より高い z-index を使用している可能性がありますか? ラファエルを使用することはどのように可能ですか?

4

3 に答える 3

2

SVG の group タグは、HTML のcontainer タグ<g>に最も似ているようです。<div>

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/gから:

g 要素は、オブジェクトをグループ化するために使用されるコンテナーです。g 要素に適用される変換は、そのすべての子要素に対して実行されます。

許可されているコンテンツ: 次の要素を任意の数、任意の順序で

于 2015-01-05T20:15:14.867 に答える
2

長方形の後の兄弟として円を追加するだけで、上に描画されます。四角形を円の上に描画する場合は、円の後に配置します。最後にペイントしたものが他のすべての上にあるため、ペインター モデルと呼ばれます。

今後の SVG 2.0 仕様に追加する提案がありますが、現時点では SVG には z-index プロパティがありません。

SVG を学びたい場合は、オンラインの入門書があります

于 2012-08-07T09:45:08.983 に答える
0

複雑な形状の作成に興味がある場合、パスは多くの可能性を提供します。rect および circle プリミティブと同じ永続的な状態、属性の可鍛​​性、および対話性 (クリック、ホバー、ドラッグ) を取得できますが、領域の複雑さに制限はありません。

追加のボーナスとして、巧妙に選択されたパスを使用して、ある形状から別の形状にきれいにモーフィングできます。たとえば、このフィドルをチェックしてください。

複雑なパスを構築するための多くの支援があります...ほとんどのプロジェクトでは、Google のSVG 編集で十分です。

于 2012-08-07T19:45:43.107 に答える