HTML5 Canvas Basic Zeichenkurve

<Canvas> </canvas> ist ein neu hinzugefügter Etikett in HTML5 zum Zeichnen von Grafiken. Steuern Sie das Objekt zum Zeichnen.

<Canvas> </canvas> ist nur eine Container -Grafik. Es gibt drei Schritte zum Zeichnen auf den <Canvas >> Elementen:

1. Holen Sie sich das DOM -Objekt, das dem <Canvas> -Element entspricht, ein Canvas -Objekt;

2. Rufen Sie die GetContext () -Methode des Canvas -Objekts auf, um ein CanvasrenderingContext2D -Objekt zu erhalten.

3. Rufen Sie das CanvasrenderingContext2D -Objekt zum Zeichnen auf.

Kurve ziehen

Es gibt vier Funktionen mit der Zeichenkurve, nämlich:

• context.arc (x, y, r, sangle, eangle, gegen den Uhrzeigersinn); Parameter empfangen Bedeutung:

|

|.

|.

|.

|.

|.

|.

|. Es sollte gegen den Uhrzeigersinn oder im Uhrzeigersinn gestrichen werden. False = im Uhrzeigersinn, true = gegen den Uhrzeigersinn |

Im Folgenden finden Sie mehrere Beispiele für mehrere ARC () -Funktionen:

JavaScript -Code -Inhalt in Zwischenablage kopieren