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>等容器添加边框，因为它们不应直接呈现任何内容。您可能希望了解如何使用this demo;

的跨浏览器实现来实现getScreenBBox()

Answer 2

在CSS中你可以添加：

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