<g>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
<g>
SVG 요소는 다른 SVG 요소를 그룹화한 컨테이너입니다.
<g>
요소에 적용된 변형 속성은 자식 요소들에서 동작합니다. 그리고 그 특성은 자식 요소에게로 상속됩니다. 이는 또한 다중 요소를 그룹화하여 <use>
요소와 함께 참조될 수 있도록 합니다.
예제
html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<!-- g 를 사용하여 현재 속성을 상속합니다. -->
<g fill="white" stroke="green" stroke-width="5">
<circle cx="40" cy="40" r="25" />
<circle cx="60" cy="60" r="25" />
</g>
</svg>
사용 일람
명세서
Specification |
---|
Scalable Vector Graphics (SVG) 2 # GElement |
브라우저 호환성
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
g | ||||||||||||
systemLanguage |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.