CSS Beispiele für Raster-Daten

Allgemeine Einstellungen (Bildqualität beim Zeichnen, Transparenz des Bildes)

special-raster-properties
{
    render-quality: extreme;
    image-opacity: 0.5; 
}

Festlegen der Farbe eines monochromen Rasterbildes

special-raster-properties
{
    one-bit-color: RGB(255, 0, 0);
}

Farben invertieren

special-raster-properties
{
    invert-colors: true;
}

Farben zu Grauwerten umwandeln

special-raster-properties
{
    render-gray-scale-image: true;
}

Bei Mehrkanalbildern kann festgelegt werden welcher Kanal Rot, Grün und Blau ist

special-raster-properties
{
    red-channel-index: 0; 
    green-channel-index: 1;
    blue-channel-index: 2;
}

Wenn das Bild Transparent ist kann auch der Alphakanal festgelegt werden

special-raster-properties
{
    red-channel-index: 0; 
    green-channel-index: 1;
    blue-channel-index: 2;
    alpha-channel-index: 3;
}

Farben können über eine Farbmartix geändert werden

special-raster-properties
{
    color-matrix-red-from-rgbat: 0.393, 0.769, 0.189, 0.0, 0.0;
    color-matrix-green-from-rgbat: 0.349, 0.686, 0.168, 0.0, 0.0;
    color-matrix-blue-from-rgbat: 0.272, 0.534, 0.131, 0.0, 0.0;
    color-matrix-alpha-from-rgbat: 0.0, 0.0, 0.0, 1.0, 0.0;
}

Farben um einen bestimmten Farbwert herum können transparent gemacht werden

special-raster-properties
{
    transparent-colors-and-range: (yellow, 20.0);
    transparent-colors-and-range: (RGB(0, 255, 0), 40.0);
}

Einzelne Farben können transparent gemacht werden

special-raster-properties
{
    transparent-colors: RGB(0, 255, 0), ARGB(1, 255, 255, 255), RGBA(50, 70, 20, 0.5), #ffff00ff, red;
}

Einzelne Farben können durch andere Farben ersetzt werden

special-raster-properties
{
    replace-colors: (RGB(0, 255, 0), ARGB(1, 255, 0, 0)), (RGBA(0, 0, 255, 1.0), RGBA(100, 255, 0, 0.5)), (#ffff00ff, #ff00ff00), (ARGB(0.5, 255, 255, 255), ARGB(1, 0, 0, 0)), (red, green);
}

Die Reihenfolge in der die optionalen Transformationen auf die Quellfarbe angewendet werden ist wie folgt:

  • Transparent machen von Einzelfarben
  • Transparent machen von Farbbereichen
  • Farben ersetzen
  • Farbmatrix anwenden
  • Grauwertbild erstellen
  • Farben invertieren
  • Gesamtes Bild transparent machen

Zuletzt geändert: 24.01.2023 15:27:38 (erstmals erstellt 17.04.2018)