svg element : 컨테이너 엘리먼트들

developer.mozilla.org/ko/docs/Web/SVG/Element#%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88_%EC%97%98%EB%A6%AC%EB%A8%BC%ED%8A%B8%EB%93%A4

SVG element reference - SVG | MDN

 

<g>

다른 svg element들을 group하는데 사용하는 태그입니다.

g에 준 태그들은 자식 태그들에게 상속됩니다. 편리하죠!

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Using g to inherit presentation attributes -->
  <g fill="white" stroke="green" stroke-width="5">
    <circle cx="40" cy="40" r="25" />
    <circle cx="60" cy="60" r="25" />
  </g>
</svg>