tutorial per la funzione arco della tela HTML [chiuso]
-
11-07-2019 - |
Domanda
Non riesco a capire quali sono tutti i parametri della funzione arc () (per sperimentazione) e non ho trovato alcun tutorial che sembra spiegarli. Dove sarebbe una buona spiegazione della funzione arc ()?
Soluzione
arc(x, y, radius, startAngle, endAngle, anticlockwise)
I primi tre parametri, x e y e raggio, descrivono un cerchio, l'arco disegnato farà parte di quel cerchio. startAngle e endAngle sono i punti lungo il cerchio per iniziare e interrompere il disegno. 0 è est, Math.PI / 2 è sud, Math.PI è ovest e Math.PI * 3/2 è nord. Se in senso antiorario è 1, la direzione dell'arco è invertita.
https://developer.mozilla.org/En/Canvas_tutorial/Drawing_shapes#Arcs
Nei diagrammi allegati, l'unica differenza è il parametro antiorario. Math.PI / 2 termina sempre a sud in senso orario o antiorario
Altri suggerimenti
Per ulteriori informazioni, consultare il link seguente. Ho avuto un'idea chiara usando questo link.
http://www.html5canvastutorials.com/tutorials/html5-canvas-arcs /
Stavo avendo lo stesso problema e ho creato una piccola pagina interattiva per dare un senso:
http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas -element
Tutti i parametri possono essere regolati e l'arco risultante viene renderizzato in tempo reale. La pagina mostra anche come i metodi fill (), stroke () e closePath () interagiscono con il metodo arc ().
Secondo MDC :
arc(x, y, radius, startAngle, endAngle, anticlockwise)
x, y e raggio sono ovviamente parametri circolari. startAngle e endAngle sono in radianti, a partire da est. in senso antiorario è un valore booleano.
Controlla questo semplice esempio per una breve introduzione alla funzione tela e arco di HTML5: http://pastebin.com/kxB7uJLD
Così a lungo.