<radialGradient>

Элемент <radialGradient> SVG позволяет авторам определять радиальные градиенты для заполнения или изменения графических элементов.

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

Категории	Градиент
Разрешённый контент	Любое количество следующих элементов, в любом порядке: Элементы описания `<animate>`, `<animateTransform>` (en-US), `<set>` (en-US), `<stop>` (en-US)

Атрибуты

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

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

DOM интерфейс

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

Пример

SVG

<svg width="120" height="120" viewBox="0 0 120 120"
   xmlns="http://www.w3.org/2000/svg">

  <defs>
    <radialGradient id="exampleGradient">
      <stop offset="10%" stop-color="gold"/>
      <stop offset="95%" stop-color="green"/>
    </radialGradient>
  </defs>

  <circle fill="url(#exampleGradient)" cx="60" cy="60" r="50"/>
</svg>

Результат

Характеристики

Спецификация	Статус	Коммент
Scalable Vector Graphics (SVG) 2 Определение '<radialGradient>' в этой спецификации.	Кандидат в рекомендации	Добавлен атрибут `fr`
Scalable Vector Graphics (SVG) 1.1 (Second Edition) Определение '<radialGradient>' в этой спецификации.	Рекомендация	Начальное определение

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

BCD tables only load in the browser

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

<linearGradient>