Den Inhalt der Canvas-Zeichenfläche skalieren, drehen oder in anderer Art und Weise transformieren - Beispiele

Dein Browser kann diese Grafik nicht darstellen. Daher werden auch die Links unten nicht funktionieren.

Wenn keine Linie angezeigt wird auf die Links untern klicken.

Beispiel 1 - zeichnet ein rotes, ein gelbes und ein grünes Rechteck, das rote ist um 0 Grad, das gelbe um 45 Grad und das grüne um 90 Grad gedreht

Beispiel 2 - zeichnet ein rotes, ein gelbes und ein grünes Rechteck, wobei das gelbe um 50% Vergrößert ist und das grüne um 125% verbreitert

Beispiel 3 - zeichnet 2 rote Linien, vor dem Schließen des Pfades wird gezeichnet, dadurch entsteht ein Winkel

Beispiel 4 - viele Linien mit unterschiedlichen Farben