<g>
Элемент <g> SVG является контейнером, используемым для группирования других элементов SVG.
Преобразования, применяемые к элементу <g>, выполняются над его дочерними элементами, а его атрибуты наследуются дочерними элементами. Он также может группировать несколько элементов для последующей ссылки с помощью элемента <use>.
Пример
html
<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>
Контекст использования
| Категории | Элемент контейнера, структурный элемент |
|---|---|
| Разрешённое содержимое | Любое количество следующих элементов в любом порядке: Элементы анимации Дескриптивные элементы Элементы фигур Структурные элементы Элементы градиента <a>, <clipPath>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view>
|
Спецификации
| Спецификация |
|---|
| Векторная графика масштабируемая (SVG) 2 # GElement |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
g |
1 | 12 | 1.5 | 8 | 3.1 | 18 | 4 | 14 | 2 | 1.0 | 3 |
systemLanguage |
1 | 12 | 12 | 8 | 3.1 | 18 | 14 | 14 | 2 | 1.0 | 3 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/g
