Grenze für SVG-Elemente

Question

Ich arbeite mit Svg und seine Dom-Manipulation. Ich möchte einen Rahmen für eine Gruppe von SVG-Elementen erstellen, die innerhalb des Tags <g> positioniert sind. Wie mache ich das? Ist es möglich, auch kreisförmige/elliptische Grenzen zu schaffen? Ich verwende die jQuery SVG-Bibliothek. Vielen Dank im Voraus

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

Answer 1

Sie können keine Grenze zu Container wie <g> oder <svg> hinzuzufügen, da sie nichts von ihnen selbst direkt machen sollen. Sie möchten vielleicht sehen, wie this demo mit der Cross-Browser-Implementierung von getScreenBBox() implementiert wird;

Answer 2

In CSS können Sie hinzufügen:

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