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

Question

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

Answer 2

В вашем CSS вы можете добавить:

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