Граница для элементов svg

Question

Я работаю с svg и его манипуляцией с домом. Я хочу создать границу для группы элементов svg, расположенных внутри тега <g>. Как мне это сделать? Возможно ли создавать круговые/эллиптические границы? Я использую библиотеку 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;}