Information Technology Reference
In-Depth Information
»createImageData()« und »putImageData()«. Das dort angeführte Beispiel
könnten wir demnach mit ähnlichem Resultat auch so realisieren:
context.drawImage(img,0,0,210,140);
context.globalCompositeOperation = 'lighter';
context.fillStyle = 'blue';
context.fillRect(0,0,210,140);
Abbildung 5.32:
Compositing-Operation »lighter« mit 16 Grundfarben
Der Compositing-Operator
destination-out
wird uns später noch beim Spie-
geleffekt aus Abbildung 5.37 in Abschnitt 5.11, Transformationen, begegnen,
zuvor wollen wir uns aber noch mit benutzerdefinierten Mustern in Canvas be-
schäftigen.
5.10 Muster
Zur Festlegung eigener Muster für Füllungen und Linien stellt die Spezifikation
die Methode
createPattern()
zur Verfügung, die ähnlich wie
drawImage()
so-
wohl
image
- als auch
canvas
- oder
video
-Elemente als Input akzeptiert und im
Parameter
repetition
die Art der Musterwiederholung definiert.
context.createPattern(image, repetition)