HTML-Canvas-Kurve
- Vollständiges Canvas-Referenzhandbuch von CodeW3C.com Vorherige Seite
- Canvas-Kreis Nächste Seite
Beispiel
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();
arc() Methode
Ein Bogen ist ein Teil eines Kreises und wird auch durch den Koordinatenpunkt des Zentrums und den Radius definiert:
Canvas Zeichnen Sie einen Bogen
Verwenden Sie den Pfad im Canvas, um den Bogen zu zeichnen:
| Methode | Beschreiben | Zeichnen |
|---|---|---|
| beginPath() | Beginnen Sie einen Pfad. | Nein |
| arc() | Definieren Sie die Kurve. | Nein |
| stroke() | Machen Sie ein Diagramm. | Ja |
Um einen Kreis auf dem Canvas zu zeichnen, verwenden Sie die folgenden Methoden:
- beginPath() - Beginnen Sie den Pfad
- arc(x,y,r,start,end) - Definieren Sie den Kreis
- stroke() - Zeichnen
arc(x,y,r,start,end) - Erstellen Sie einen Bogen (Kurve).
Um einen Kreis zu erstellen, stellen Sie den Startwinkel auf 0 und den Endwinkel auf 2 * Math.PI ein.
Die Parameter x und y definieren den Koordinatenpunkt des Zentrums.
r Parameter definiert den Radius des Kreises.
另请参阅：
- Vollständiges Canvas-Referenzhandbuch von CodeW3C.com Vorherige Seite
- Canvas-Kreis Nächste Seite
