HTML5 canvas in tempo reale

createPattern() - live

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

ctx.clearRect(0, 0, 400, 300); // pulisce canvas
var img = document.getElementById("fiore"); // id immaigne
var pat = ctx.createPattern(img, ' repeat repeat-x repeat-y no-repeat ');
ctx.rect(0, 0, 200, 150);
ctx.fillStyle = pat;// area da disegnare
ctx.fill();

createPattern(): Ripete un elemento specificato nella direzione indicata
Immagine usata nell'esempio:

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.