HOME

Contatti

 

MATEMATICA CON JAVASCRIPT


INDICE GUIDA CANVAS



HOME: webfract.it

 

Pagina iniziale di Matematica con javascript

Indice di Matematica con javascript

 

GUIDA A HTML5 CANVAS... PER CANI, GATTI E NON SOLO

Introduzione: per iniziare
Sistema di riferimento
Rettangoli e punti: metodi rect(), strokeRect(), fillRect(), clearRect()

Percorsi
Archi, circonferenze - Metodo arc(x, y, r, inizio, fine)
Metodi moveTo() e lineTo()
Metodo beginPath()
Metodo closePath()
Funzioni di testo
Metodo strokeText()
Metodo fillText()
Posizionare il testo in orizzontale
Posizionare il testo in verticale
Proprietą font
Metodo measureText()
Colori
Come colorare
I nomi dei colori
Codice RGB
Codice RGBA
Codice esadecimale
Colorare una scritta
Ombreggiare una scritta
Gradiente lineare
Trasformazioni geometriche
Metodo translate()
Metodo scale(): variazioni di scala rispetto a
    Origine assi cartesiani
    Punto qualunque
Metodo rotate(): ruotare intorno a
    Origine assi cartesiani
    Punto qualunque
Metodo transform()
Immagini
Inserire un'immagine gią presente nella pagina web
Inserire un'immagine non presente nella pagina web

SEZIONE PROVA TU - TUTORIAL PER

CREA I TUOI COLORI

USO DEL METODO arc()

USO DEL METODO beginPath()

USO DEL METODO closePath()

USO DEL METODO moveTo()

USO DEI METODI moveTo() e lineTo()

COSTRUIRE UN POLIGONO

COSTRUIRE UN RETTANGOLO

USO DEL METODO clearRect()

IMPARARE LE TRASPARENZE

USO DEL METODO createLinearGradient()

USO DEL METODO scale() rispetto a: origine - punto qualsiasi

COSTRURE UN sistema di riferimento cartesiano

USO DEL METODO rotate()

USO DEL METODO transform()



LINK UTILI

w3schools: di forma sintetica ed efficace, offre una sintesi dei principali comandi con esempi e sezioni fai da te

MDN, Mozilla Developer Network. Offre un tutorial chiaro e graduale adatto per iniziare.



SUPPORTA QUESTO SITO

GUIDA AL LINGUAGGIO HTML

HOME

APPLICAZIONI DEI METODI...

translate()
Riferimento cartesiano ortogonale
scale():
Ellisse dati fuochi e distanza costante
Ellisse dati i semiassi
Omotetie applicate a un quadrato trasparente
Una pila di gufetti
Semplici scritte 3D
transform():
Trasformiamo uno smile
Trasformiamo un'immagine


PROGRAMMI CHE FANNO USO DI CANVAS NEL NOSTRO SITO

Poligoni regolari
Primo metodo di costruzione
Tutorial
Secondo metodo di costruzione
Tutorial
Inscrivere un poligono regolare in un poligono regolare:
Primo metodo
Tutorial
Secondo metodo
Programma interattivo e animazioni
Tutorial
Vortici di poligoni regolari:
NUOVO!   Definizione e programma interattivo
NUOVO!   Vortici di poligoni e spirali logaritmiche
NUOVO!   Vortici di poligoni e spirali logaritmiche: dimostrazione
Fiori geometrici
Stelle fiori e poligoni distorti
Curve rodonee
Cardioide
Chiocciola di Pascal (limaçon)
Rose a n petali
Sommario
Frattali
Insieme di Mandelbrot
Scopri i colori dell'insieme di Mandelbrot
Albero frattale di Pitagora
Albero di Natale frattale
Triangolo di Apollonio
Insiemi di Julia
Spirali frattali
Simbolo Yin Yang
Costruirlo passo per passo

Cuore
Un cuore come inviluppo
Cuore creato da un'equazione

Butterfly Curve
Spiegazioni
Prova online

Equazioni e curve parametriche interattive
Introduzione

Esempi di curve parametriche      Studia le curve anche nei piani ty e xt

Secondo esempio di curve parametriche

Curve di Lissajous
Esempi

Spirali
NUOVO!   Spirale archimedea

Moltiplicazione vedica o giapponese online
Spiegazioni
Prova online

Moltiplicazione tradizionale grafica
Spiegazioni
Prova online

Confronta i bmi ricavati con la formula di Trefethen e di Quetelet
Calcola online il tuo peso forma

NUOVO!   Rapporto aureo

[1] - Costruzione geometrica della sezione aurea di un segmento

[2] - Costruzione geometrica di un segmento data la sua sezione aurea

[3] - Costruzione geometrica di un rettangolo aureo

[4] - Rappresentare un rettangolo aureo su uno schermo grafico

[5] - Proprieta' del numero aureo e piano cartesiano

[6] - Proprieta' fondamentale del rettangolo aureo

[7] - Introdurre un procedimento iterativo

[8] - Approssimazione del rettangolo aureo mediante una sequenza di quadrati

[9] - Provare la costruzione passo per passo o animata

[10] - Costruire il nautilus

[11] - Il modo pił semplice per costruire il nautilus con riga e compasso

Prova tu: rettangolo aureo
Cosa si nasconde dietro la croce dei templari? - Due tipi di croce templare costruiti passo per passo


©2002 - 2015 www.webfract.it