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


Cuore disegnato con equazione - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.
var Dimensione=;
var CentroX=,CentroY=;
var Densita =;
var CentroXarchi,CentroYarchi;
ctx.beginPath();
ctx.fillStyle = ''; ctx.fillRect(1,1,400,300);// colore canvas
ctx.fillStyle=""
ctx.strokeStyle=""
for (i=1.8; i >=-1.8; i = i - 0.001) {
CentroYarchi=Math.sqrt(Math.cos(i))*Math.cos(300*i)+(Math.sqrt(Math.abs(i))-0.7)*Math.pow(4-i*i,1/100);
ctx.beginPath();
CentroXarchi=(i)*Dimensione+CentroX;
CentroYarchi=CentroY-Dimensione*CentroYarchi;
ctx.arc(CentroXarchi,CentroYarchi,1,0,2*Math.PI);
ctx.stroke(); ctx.fill();
};






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