HTML5 canvas in tempo reale

putImageData() - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.

ctx.beginPath(); // vuota buffer
ctx.fillStyle = " green yellow red blue "; // colore quadrato grande
ctx.fillRect(0,0,50,50); // posizione e dimensioni del quadrato
ctx.fillStyle = " yellow green red blue "; // colore quadrato piccolo
ctx.fillRect(10,10,30,30);// // posizione e dimensioni del quadrato
var imgData = ctx.getImageData(0, 0, 400, 300);// legge canvas
var i;
for (i = 0; i < imgData.data.length; i += 4) {
imgData.data[i] = - imgData.data[i]; // cambia colore (255-imgData.data lo inverte)
imgData.data[i+1] = - imgData.data[i+1];
imgData.data[i+2] = - imgData.data[i+2];
imgData.data[i+3] = ;// opacità (0-255)
}
ctx.putImageData(imgData, 50,50,,,,); // disegna con nuovi colori
//ad esempio con: ctx.putImageData(imgData,50,50,8,834,34); disegna quadrato piccolo con bordo

putImageData(): Deisegna immagine copiandola e modificandola da una zone del canvas

 

Acquistabile da:
• bookrepublic
• ebook LeggoOggi.it
• EURONICS
• freeonline
• Gola Ad
• GPLAY
• HOEPLI
• iTunes
• kobo
• omnia BUK
• SECRETARY
• StreetLib

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.