<linearGradient>

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

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

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

Атрибуты

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

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

DOM интерфейс

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

Пример

<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <linearGradient id="MyGradient">
            <stop offset="5%"  stop-color="green"/>
            <stop offset="95%" stop-color="gold"/>
        </linearGradient>
    </defs>

    <rect fill="url(#MyGradient)"
          x="10" y="10" width="100" height="100"/>
</svg>

ScreenshotLive sample

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

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

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

BCD tables only load in the browser

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