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>or之类的容器添加边框<svg>，因为它们不应该直接自己渲染任何内容。你可能想看看这个演示是如何使用getScreenBBox()的跨浏览器实现来实现的；

Answer 2

在您的 CSS 中，您可以添加：

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