<g>

Элемент g используется для группировки других SVG элементов. Любые преобразования применяемые к g элементу наследуются его дочерними элементами. Также g используется для группировки различных элементов, чтобы позднее можно было сослаться на них с помощью <use>.

Контекст использования

КатегорииЭлемент-контейнер, Структурный элемент
Разрешённый контентЛюбое количество следующих элементов, в любом порядке:
Элементы анимации
Элементы описания
Элементы фигуры
Структурные элементы
Элементы градиента
<a>, <clipPath> (en-US), <color-profile>, <cursor> (en-US), <filter> (en-US), <font> (en-US), <font-face> (en-US), <foreignObject>, <image>, <marker> (en-US), <mask> (en-US), <pattern>, <script> (en-US), <style> (en-US), <switch> (en-US), <text>, <view> (en-US)

Пример

html
<svg viewBox="0 0 95 50" xmlns="http://www.w3.org/2000/svg">
  <g stroke="green" fill="white" stroke-width="5">
    <circle cx="25" cy="25" r="15" />
    <circle cx="40" cy="25" r="15" />
    <circle cx="55" cy="25" r="15" />
    <circle cx="70" cy="25" r="15" />
  </g>
</svg>

Атрибуты

Глобальные атрибуты

Специфичные атрибуты

Нет специфичных атрибутов.

Интерфейс DOM

Этот элемент реализует SVGGElement (en-US) интерес.

Спецификации

Specification
Scalable Vector Graphics (SVG) 2
# GElement

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также