<canvas> ist ein neues -Tag in HTML5, das zum Zeichnen von Grafiken verwendet wird. Dieser Artikel richtet sich hauptsächlich an alle Einführung in die grundlegenden Zeichnungsmethoden zum Zeichnen von Liniensegmenten in HTML5 Canvas. Interessierte Freunde können sich auf
beziehen Das hinzugefügte Tag wird tatsächlich zum Zeichnen von Grafiken verwendet. Seine Besonderheit besteht darin, dass dieses Tag ein CanvasRenderingContext2DObjekt erhalten kann, das wir JavaScript verwenden können Skript zur Steuerung des zu zeichnenden Objekts.
ist nur ein Container zum Zeichnen von Grafiken zusätzlich zu ID, Klasse, Stil und anderen AttributenEs gibt auch die Eigenschaften Höhe und Breite. Es gibt drei Hauptschritte zum Zeichnen auf dem
1. Holen Sie sich das
DOM-Objekt , das dem 2. Rufen Sie die Methode getContext() des Canvas-Objekts auf, um ein CanvasRenderingContext2D-Objekt zu erhalten.
3. Rufen Sie das CanvasRenderingContext2D-Objekt zum Zeichnen auf.
Liniensegmente moveTo() und lineTo() zeichnen
Das Folgende ist ein einfaches