An dieser Stelle möchte ich zunächst ein eigenes kleines externes Projekt vorstellen, das sich ebenfalls mit Farbfilter beschäftig. Zudem wurden Bildkombinationen umgesetzt.
Mit Canvas Image Library wird eine JavaScript-Bibliothek für das HTML5 ELement canvas
vorgestellt. Sie stellt zahlreiche Features wie
Überblendverfahren oder Filter zur Verfügung, die aus diversen Bildbearbeitungsprogrammen bekannt sind.
Derzeit umfaßt die Bibliothek sechzehn Effekte wie Multiplizieren oder farbig Abwedeln sowie neun Filter wie Farb- oder Unschärfefilter.
Die lokale Anwendung zeigt, wie mit Hilfe des canvas
-Elements und der Methoden
getImageData
und
putImageData
verschiedene Filter auf ein Bild angewendet werden können. Berücksichtigt werden unterschiedliche
Sepia-Filter, Graufilter sowie ein Posterize-Filter. Ausserdem ist es möglich, die Sättigung
eines Bildes über einen Regler einzustellen.
Da die oben genannten Methoden nicht in jedem Browser zur Verfügung stehen, läuft das Script nicht in jedem UserAgent. Weiterhin ist anzumerken, dass die Filterberechnungen relativ rechenintensiv sind. Aus diesem Grund kann es auf älteren Rechnern zu längeren Wartezeiten oder gar Meldungen kommen, ob das Script gestoppt werden soll.
Die Anwendung der Farbfilter wird hier ohne Beschreibung der Funktionalität vorgestellt. Diese ist aus dem Quelltext und den darin enthaltenen Kommentaren ersichtlich.