color-interpolation-filters CSS property
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Die color-interpolation-filters CSS Eigenschaft gibt den Farbraum für Bildoperationen an, die über SVG-Filtereffekte durchgeführt werden. Wenn sie explizit deklariert wird, überschreibt der Wert der CSS-Eigenschaft jeden Wert, der im color-interpolation-filters Attribut des Elements angegeben ist.
Hinweis:
Die color-interpolation-filters Eigenschaft bezieht sich nur auf SVG-Filteroperationen. Sie hat keinen Einfluss auf Filterprimitive wie <feOffset>, <feImage>, <feTile> und <feFlood>, sondern gilt für die verschiedenen Filtereffekt-Elemente (z. B. <feBlend>); siehe die SVG color-interpolation-filters Seite für eine vollständige Liste.
Hinweis:
Es ist wichtig zu beachten, dass das SVG color-interpolation Attribut einen Anfangswert von sRGB hat, während color-interpolation-filters einen Anfangswert von linearRGB hat. Das bedeutet, dass im Standardfall Filtereffekt-Interpolationen in einem anderen Farbraum stattfinden als alle anderen Farbinterpolationen.
Syntax
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;
Werte
linearRGB-
Gibt an, dass die Farbinterpolation im linearisierten RGB-Farbraum gemäß der sRGB-Spezifikation erfolgen soll. Dies ist der Standardwert der Eigenschaft.
sRGB-
Gibt an, dass die Farbinterpolation im gamma-codierten sRGB-Farbraum erfolgen soll.
auto-
Gibt an, dass der Benutzeragent entweder den
sRGBoder denlinearRGBRaum für die Farbinterpolation auswählen kann. Diese Option deutet darauf hin, dass der Autor nicht verlangt, dass die Farbinterpolation in einem bestimmten Farbraum erfolgt.
Formale Definition
| Anfangswert | linearRGB |
|---|---|
| Anwendbar auf | The set of elements that control the output of a <filter> element in <svg> |
| Vererbt | Ja |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Formale Syntax
color-interpolation-filters =
auto |
sRGB |
linearRGB
Spezifikationen
| Spezifikation |
|---|
| Filter Effects Module Level 1 # ColorInterpolationFiltersProperty |