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


arcTo() arco fra tangenti - live

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

ctx.beginPath();
ctx.setLineDash([]); 
ctx.lineWidth = 3;
ctx.strokeStyle = "blue"; 
ctx.moveTo(50, 225);             // P0
ctx.arcTo(200, 25, 350, 225, ); // P1, P2 e raggio
ctx.lineTo(350, 225);             // P2
ctx.stroke();

arcTo():Crea un arco tra due tangenti
ctx.moveTo(50,225); // definisce punto x,y inizio primo segmento tangente  
ctx.lineTo(200,25); //definisce punto x,y finale primo segmento tangente
ctx.moveTo(200,25); // definisce punto x,y inizio secondo segmento tangente 
ctx.lineTo(350,225); //definisce punto x,y finale secondo segmento tangente  




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