<radialGradient>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
* Some parts of this feature may have varying levels of support.
Элемент <radialGradient> SVG позволяет авторам определять радиальные градиенты для заполнения или изменения графических элементов.
Контекст использования
| Категории | Элемент градиента |
|---|---|
| Разрешённый контент | Любое количество следующих элементов, в любом порядке: Элементы описания <animate>, <animateTransform>, <discard>, <script>, <set>, <stop>, <style> |
Атрибуты
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 # RadialGradientElement |
Совместимость с браузерами
Loading…