Canvas kurz & gut

Koordinatensystemtransformationen

Wie oben gesagt, befindet sich der Ursprung des Standardkoordinatensystems eines Canvas in der oberen linken Ecke, die x-Koordinaten verlaufen nach rechts, die y-Koordinaten nach unten. In diesem Standardsystem entsprechen die Koordinaten eines Punkts direkt einem CSS-Pixel (das dann unmittelbar auf ein oder mehrere Gerätepixel abgebildet wird). Bestimmte Canvas-Operationen und -Attribute (wie das Ermitteln der rohen Pixelwerte und das Setzen von Schattenverschiebungen) nutzen immer dieses Standardkoordinatensystem. Zusätzlich zu diesem Standardkoordinatensystem besitzt jedes Canvas eine »aktuelle Transformationsmatrix« als Teil des Grafikzustands. Diese Matrix definiert das aktuelle Koordinatensystem des Canvas. ...