Artikeleinführung von Wulin.com (www.vevb.com): Die Anwendung des Canvas -Tags von HTML5 Daily Practice - Zeichnungskoordinaten -Transformationsgrafiken.
Beim Zeichnen von Grafiken können wir häufig daran denken, die Grafiken zu drehen oder die Verarbeitungsverarbeitung in den Grafiken zu verwenden und die Achsentransformationsfunktion der Canvas -API zu verwenden, um diesen Effekt zu erreichen.Beim Zeichnen von Grafiken auf einem Computer wird es mit Koordinatenpunkten als Benchmark gezeichnet. Standardmäßig entspricht die obere linke Ecke der Leinwand der Leinwand dem Ursprung der Koordinatenachse (0, 0). Alle Grafiken, die wir früher unter Verwendung der Canvas -API erwähnt haben, werden mit der oberen linken Kreuzung der Leinwand als Koordinatenachse gezeichnet und in Pixel gezogen.
Wenn diese Koordinatenachse geändert wird, kann die Transformation der Abbildung implementiert werden. Es gibt drei Möglichkeiten, die Koordinatentransformation zu verarbeiten:
Pfanne
Verwenden Sie die Übersetzungsmethode des Graph Context -Objekts, um den Ursprung der Achsen zu verschieben, die wie folgt definiert ist: