javascript - SVG 要素の枠線

Question

私はsvgとそのdom操作を扱っています。<g>タグ内に配置された svg 要素のグループの境界線を作成したいと考えています。どうすればいいですか？円形/楕円形の境界も作成できますか? jQuery SVG ライブラリを使用しています。前もって感謝します

<g>
<rect x="20" y="30" width="200" height="300" fill = "red"/>
<circle cx="40" cy="50" r="25" fill="blue"/>
</g>

Answer 1

<g>またはのようなコンテナに境界線を追加することはできません。これは、コンテナ<svg>自体が直接何かをレンダリングすることを想定していないためです。getScreenBBox（）のクロスブラウザ実装を使用して、このデモがどのように実装されているかを確認することをお勧めします。

Answer 2

CSS に以下を追加できます。

rect {border: 1px solid #00f;}