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()来实现this demo;

Answer 2

在你的CSS，你可以添加：

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