Свойство CSS `color-interpolation-filters`
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в различных версиях браузеров. Она доступна в браузерах с июля 2015 года.
Свойство color-interpolation-filters CSS задаёт цветовое пространство для операций обработки изображений, выполняемых с помощью эффектов SVG-фильтров. Если это свойство CSS задано явно, его значение переопределяет любое значение, указанное в атрибуте color-interpolation-filters элемента.
Примечание: Свойство color-interpolation-filters имеет значение только для операций фильтрации SVG. Оно не влияет на примитивы фильтров, такие как <feOffset>, <feImage>, <feTile> и <feFlood>, а применяется к различным элементам эффектов фильтров (например, <feBlend>); полный список см. на странице SVG color-interpolation-filters.
Примечание: Важно помнить, что начальное значение атрибута SVG color-interpolation — sRGB, а начальное значение color-interpolation-filters — linearRGB. Это означает, что в случае по умолчанию интерполяция эффектов фильтров выполняется в цветовом пространстве, отличном от пространства для всех остальных интерполяций цветов.
Синтаксис
color-interpolation-filters: auto; color-interpolation-filters: linearRGB; color-interpolation-filters: sRGB; /* Global values */ color-interpolation-filters: inherit; color-interpolation-filters: initial; color-interpolation-filters: revert; color-interpolation-filters: revert-layer; color-interpolation-filters: unset;
Значения
Это свойство задаётся одним из следующих ключевых слов:
-
linearRGB - Указывает, что интерполяция цветов должна выполняться в линеаризованном цветовом пространстве RGB, описанном в спецификации sRGB. Это значение свойства по умолчанию.
-
sRGB - Указывает, что интерполяция цветов должна выполняться в цветовом пространстве sRGB с гамма-кодированием.
-
auto - Указывает, что пользовательский агент может выбрать для интерполяции цветов пространство
sRGBилиlinearRGB. Этот вариант означает, что автор не требует выполнять интерполяцию цветов в определённом цветовом пространстве.
Формальное определение
| Начальное значение | linearRGB |
|---|---|
| Применяется к | Набор элементов, управляющих выводом элемента <filter> в <svg>
|
| Наследуется | да |
| Вычисленное значение | как задано |
| Тип анимации | дискретный |
Формальный синтаксис
color-interpolation-filters =
auto |
sRGB |
linearRGB
Спецификации
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
color-interpolation-filters |
1 |
79 |
3 |
15 |
3 |
18 |
4 |
14 |
2 |
1.0 |
4.4 |
2 |
auto |
1 |
79 |
3 |
15 |
3 |
18 |
4 |
14 |
2 |
1.0 |
4.4 |
2 |
linearRGB |
28 |
79 |
22 |
15 |
9 |
28 |
22 |
15 |
9 |
1.5 |
4.4 |
9 |
sRGB |
28 |
79 |
22 |
15 |
9 |
28 |
22 |
15 |
9 |
1.5 |
4.4 |
9 |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-interpolation-filters
