<radialGradient>

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

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

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

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

Атрибуты

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

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

DOM интерфейс

Этот элемент реализует SVGRadialGradientElement интерфейс.

Пример

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>' в этой спецификации.		 Рекомендация Начальное определение

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

 

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