<radialGradient>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Элемент <radialGradient>
SVG позволяет авторам определять радиальные градиенты для заполнения или изменения графических элементов.
Контекст использования
Категории | Элемент градиента |
---|---|
Разрешённый контент | Любое количество следующих элементов, в любом порядке: Элементы описания <animate> , <animateTransform> , <set> , <stop> |
Атрибуты
DOM интерфейс
Этот элемент реализует SVGRadialGradientElement
интерфейс.
Пример
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