Tutorial per per l'uso del metodo moveTo() - matematica con javascript su webfract

Contatti	MATEMATICA CON JAVASCRIPT - GUIDA CANVAS TUTORIAL PER L'USO DEL METODO moveTo()

Il presente tutorial si riferisce all'uso del metodo moveTo(), per disegnare tre cerchi, descritto nella guida a MATEMATICA CON JAVASCRIPT, area Canvas.

Abbiamo preparato un documento che ha l'aspetto definito dalle righe di codice inserite nell'area di testo in basso a sinistra.

E' possibile cambiare anche le altre opzioni e quindi vedere l'anteprima cliccando sul tasto:

A LATO per osservare il risultato nell' iframe a destra nella pagina;
POPUP per osservare il risultato in una finestra popup

NOTA BENE - Gli utenti google chrome possono solo visualizzare il risultato in una popup, a causa del malfunzionamento del browser con gli iframe.

Infine, cliccando sul tasto AGGIORNA, viene ricaricata la pagina corrente come è adesso:

IN EVIDENZA DAL SITO

www.tommasobientinesi.it

La passione per i viaggi e la natura nel nuovo sito di Tommaso Bientinesi

CODICE

<HTML> <BODY> <canvas id="lavagna" width="250" height="250" style="border:1px solid #d3d3d3;">Il tuo browser non supporta il tag HTML5 canvas.</canvas> <script> var c=document.getElementById("lavagna"); var ctx=c.getContext("2d"); ctx.strokeStyle = 'navy'; ctx.arc(100 ,100 ,50,0,2*Math.PI); ctx.moveTo(200,120) ctx.arc(150 ,120 ,50,0,2*Math.PI); ctx.moveTo(150,160) ctx.arc(100 ,160 ,50,0,2*Math.PI); ctx.stroke(); </script> </BODY> </HTML> </BODY> </HTML>

RISULTATO

Matematica con javascript, area Canvas: Indice - Metodo moveTo() Matematica con javascript Indice - Indice tutorials

MATEMATICA CON JAVASCRIPT - GUIDA CANVAS

TUTORIAL PER L'USO DEL METODO moveTo()

CODICE

RISULTATO