Tutorial für arc-Funktion der HTML-Leinwand [geschlossen]

Question

ich kann nicht herausfinden, was alle Parameter auf den Bogen () Funktion (experimentell) sind, und ich habe keine Anleitung gefunden, die sie zu erklären scheint. Wo wäre eine gute Erklärung der Bogen () Funktion sein?

Answer 1

arc(x, y, radius, startAngle, endAngle, anticlockwise)

Die ersten drei Parameter, x und y und Radius, beschreiben einen Kreis, um den Lichtbogen wird ein Teil dieses Kreises gezogen. startangle und endAngle sind, wo entlang des Kreises zu starten und Zeichnung zu stoppen. 0 ist Osten, Math.PI / 2 ist nach Süden, Math.PI Westen, und Math.PI * 02.03 ist Norden. Wenn gegen den Uhrzeigersinn 1 ist dann die Richtung des Bogens umgekehrt wird.

https://developer.mozilla.org/En/Canvas_tutorial/Drawing_shapes#Arcs

In den beigefügten Abbildungen, der einzige Unterschied ist der gegen den Uhrzeigersinn param. Math.PI / 2 immer nach Süden endet, wenn im Uhrzeigersinn oder gegen den Uhrzeigersinn

Answer 2

Weitere Informationen finden Sie auf den folgenden Link überprüfen. Ich habe eine klare Vorstellung über diesen Link.

http://www.html5canvastutorials.com/tutorials/html5-canvas-arcs /

Answer 3

Ich habe das gleiche Problem und machte eine kleine interaktive Seite zu helfen, einen Sinn zu geben:

http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas -elementigen

Alle Parameter können eingestellt werden und der resultierende Bogen wird in Echtzeit gerendert. Die Seite zeigt auch, wie die Füllung (), Schlaganfall () und closePath () Methoden interagieren mit dem Bogen () -Methode.

Answer 4

Nach MDC :

arc(x, y, radius, startAngle, endAngle, anticlockwise)

x, y und Radius sind offensichtlich Kreisparameter. startangle und endAngle sind in Radiant Osten beginnen. gegen den Uhrzeigersinn ist ein boolean.

Answer 5

Überprüfen Sie dieses einfache Beispiel für eine kurze Einführung in die Leinwand und Bogen Funktion von HTML5: http://pastebin.com/kxB7uJLD

So lange.