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-Eigenschaft von CSS legt den Farbraum für Bildoperationen fest, 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 ist nur für SVG-Filteroperationen relevant. Sie hat keine Wirkung auf Filterprimitiven wie <feOffset>, <feImage>, <feTile> und <feFlood>, sondern gilt stattdessen für die verschiedenen Filtereffektelemente (z.B. <feBlend>); sehen Sie auf der 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 Farbinterpolation.
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
Diese Eigenschaft wird als eines der folgenden Schlüsselwörter angegeben:
linearRGB-
Gibt an, dass die Farbinterpolation im linearen RGB-Farbraum stattfinden soll, wie in der sRGB-Spezifikation beschrieben. Dies ist der Standardwert der Eigenschaft.
sRGB-
Gibt an, dass die Farbinterpolation im gamma-kodierten sRGB-Farbraum stattfinden soll.
auto-
Gibt an, dass der User Agent entweder den
sRGB- oderlinearRGB-Raum für die Farbinterpolation wählen kann. Diese Option zeigt an, 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 |