Canvas di HTML5 introduzione

In questo tutoriaL affronterò L’elemento Canvas partendo da 0.

l’elemento getContext() ha molte proprietà e metodi per disegnare linee, curve, rettangoli, cerchi, archi, testi, immagini ed altro ancora.

Qui viene assegnato alla variabile context con riferimento alla variabile canvas che identifica il Canvas creato in precedenza.
La variabile sarà richiamata ed utilizzata da tutti i possibili comandi.

Tracciare una linea con HTML5
Vedremo gli elementi beginPath(), moveTo(), lineTo(), stroke().

Tracciare una line più grossa ci basterà inserire nell’elemento lineWidth()
con un parametro da noi scelto immaginiamo 10