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


createImageData() - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.
var imgData = ctx.createImageData(, );// crea un oggetto ImageData definendole le dimensioni
for (var i = 0; i < imgData.data.length; i += 4) {// colora l'oggetto ImageData
imgData.data[i+0] = ;// quantità di rosso (0-255)
 imgData.data[i+1] = ;// quantità di verde (0-255)
 imgData.data[i+2] = ;// quantità di blu (0-255)
 imgData.data[i+3] = ;// trasparenza (0=trasparente - 255) 
 }
 ctx.putImageData(imgData, , );// posizione x,y dell'oggetto creato

createImageData: createImageDataCrea un nuovo oggetto ImageData vuoto

 




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