Bilddaten mit dem imageData-Objekt abrufen, verändern und speichern, Beispiel 1

Canvas Demonstration zum imageData-Objekt

Dein Browser kann diese Grafik nicht darstellen.

Beispiel 1 - Bild wird 1 Mal mit drawImage bei 0,0 gezeichnet, eingelesen und dann noch einmal um 15 Pixel versetzt mit putImage gezeichnet

Beispiel 2 - wie Beispiel 1, vor putImage werden die Farbbytes so modifiziert, dass ein Graustufenbild entsteht und die Alpha-Transparenz wird auf 50% gesetzt.

Beispiel 3 - Effekt mit Farbkonvertierung

Beispiel 4 - einfaches Beispiel fillText