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


toDataURL() - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.
ctx.save(); ctx.beginPath(); ctx.strokeStyle = ""; 
var centroX=var centroY=var raggio=var AngoloStart= * Math.PI/180;
var AngoloEnd= * Math.PI/180;
ctx.arc(centroX,centroY,raggio,AngoloStart,AngoloEnd,false);  ctx.stroke(); 
ctx.font = "px Arial"; ctx.strokeStyle = "";
ctx.strokeText("",,);
document.getElementById("copy").addEventListener("click", function () {// Al click copia la grafica
var canvas1 = document.getElementById("canvas");
var MiaImmagine = canvas1.toDataURL("image/png"); // In MiaImmagine i dati di un'immagine
var OggettoImmagine = document.getElementById("IMMAGINE");  // Prede l'oggetto Immagine.
OggettoImmagine.src = MiaImmagine; // Impostare il src ai dati del canvas
}, false);
ctx.restore();


<img id="IMMAGINE" src="" width="200" height="150" />


toDataURL(): converte canvas  di un URL PNG (o jpeg) codificato a 64 bit









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