<radialGradient>

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

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

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

Атрибуты

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

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

DOM интерфейс

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

Пример

SVG

html
<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>

Результат

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

Specification
Scalable Vector Graphics (SVG) 2
# RadialGradients

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

BCD tables only load in the browser

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