Utilizzo cookies
L'e-book interattivo I colori Comandi base save() & restore() Stili di linee Rettangoli Archi e Circonferenze clip() Colori gradienti e stili Effetti Ombra Curve di Bezier Testo Trasformazioni Disegnare con Immagini Manipolazione dei Pixel Alpha trasparenza globalCompositeOperation convertire <canvas> Animazioni Grafici 20 Equazioni e spirali

HTML5 canvas in tempo reale


Archi e circonferenze

In geometria un arco è definito la parte di una curva regolare compresa fra due suoi punti, (estremi dell'arco),
Pur essendo stata ideata per tracciare archi, questa funzione è molto flessibile tanto che, con parametri idonei, è anche possibile disegnare facilmente circonferenze.
In <canvas>, per disegnare un arco oppure una circonferenza, è necessaria la funzione: 

arc(x, y, raggio, angolo iniziale, angolo finale, false|true).

  • x e y ; Centro della circonferenza del quale l'arco fa parte.
  • raggio : Raggio della circonferenza del quale l'arco è parte.
  • angolo iniziale, angolo finale : espressi in radianti definiscono i punti di inizio e di fine dell'arco.
    Il valore 0 (zero) corrispondente a ore 3:00.
  • false|true: Specifica se l'arco debba essere tracciato in senso orario o antiorario.
    false indica in senso orario, true indica in senso antiorario.
    Se l'arco da tracciare è in senso orario, alcuni browser, fra i quali Safari, non richiedono questo parametro assumendo false per default. 
    Per garantire compatibilità cross-browser usare sempre uno dei parametro true o false

 




    Questo e-book è un e-book interattivo, ciò significa che il lettore può inserire dei dati nelle pagine ed il contenuto di queste si adeguerà ai nuovi valori. Per inserire i dati, nelle pagine dell’e-book, sono stati implementati dei controlli simili a quelli che si possono trovare sulle pagine Internet ed un pulsante esegui per impartire il comando di adeguare il contenuto della pagina ai nuovi valori.
    Antonella Brandi
    Art-designer