Information Technology Reference
In-Depth Information
modified.data[i+0] = rgba[0];
modified.data[i+1] = rgba[1];
modified.data[i+2] = rgba[2];
modified.data[i+3] = rgba[3];
}
context.putImageData(modified,0,0);
};
Listing 5.1:
JavaScript-Grundgerüst für die Farbmanipulationen
HINWEIS
Das Server-Icon in der rechten unteren Ecke von Abbildung 5.29 signalisiert,
dass dieses Beispiel bei Verwendung von Firefox als Browser nur über einen
Server mit dem
http://
-Protokoll aufgerufen werden kann. Warum dem so ist,
wird Abschnitt 5.15.3, Sicherheitsaspekte, näher erklären.
Abbildung 5.29:
Farbmanipulation mit »getImageData()« und »putImageData()«
Zum Umwandeln der Farbe in Graustufen liefert die Dokumentation des freien
Bildbearbeitungsprogramms GIMP im Kapitel
Entsättigen
(siehe den Weblink
http://docs.gimp.org/de/gimp-tool-desaturate.html
) drei Formeln, um den Grau-
wert über Helligkeit (
Lightness
), Leuchtkraft (
Luminosity
) oder durchschnittli-
che Helligkeit (
Average
) zu berechnen. Setzen wir diese Formeln in JavaScript
um, erhalten wir unsere ersten drei Farbfilter: