Du bist hier:Start»Javascript»Grafik»Bildfilter

Bildbearbeitung mit Javascript

12.07.2014

Auf dieser Seite kann ein Bild mit voreingestellten Bildfiltern bearbeitet werden. Außerdem bietet das Textfeld unter dem Bild die Möglichkeit die Bildfilter zu verändern und mit den Filtern zu experimentieren. Du kannst im Bild einen Bereich mit der Maus auswählen, auf den der Bildfilter angewendet werden soll. Dazu muss die Maus gedrückt, gezogen und losgelassen werden - wie beim Drag und Drop. Um die Auswahl zu entfernen, klicke in das Bild.

2.

Der Bildfilter basiert auf dem <Canvas>-Element von HTML5. Bisher habe ich die Webapp mit folgenden Browsern erfolgreich getestet:

  • Firefox Version 30
  • Google Chrome 35
  • Opera 21
  • Internet Explorer 10

Das Beispielbild steht unter der Lizenz "Creative Commons Attribution 3.0" und stammt von der Blender Foundation aus dem Kurzfilm Big Buck Bunny. Der Film wurde mit der kostenlosen und offenen 3D-Software Blender erstellt.

weitere grafische HTML5-Anwendungen: Bildverschlüsselung | Mikroskopsimulation