HTML5 canvas in tempo reale

Tavola dei Contenuti - TOC

Come usare questo e-book interattivo

Come funziona l'interrattività

Soggetto di questo e-book

, un po' di storia

Quando usare

Introduzione all'utilizzo di

Definizione dei colori

Colori per nome - live

Colori dizione esadecimale - live

Colori dizione rgb - live

Colori dizione rgb in % - live

Colori dizione rgba (con opacità) - live

Produzione colori comopositi - live

Comandi base

beginPath() - live

moveTo(), lineTo(), stroke() - live

strokeStyle, closePath() - live

fill() - live

save(), restore()

save() restore() - live

Stili di linee

lineCap - live

lineJoin - live

lineWidth - live

Rettangoli

rect() - live

fillRect() - live

strokeRect() - live

isPointInPath() - live

clearRect() - live

Rettangoli, riassunto comandi - live

Archi e circonferenze

Gradi e Radianti

arc() - live

Smile - live

Spirale - live

arcTo() arco fra tangenti di circonferenza

arcTo() arco fra tangenti - live

clip()

clip(), save(), restore() - live

Colori, gradienti e stili

fillStyle - live

fillStyle gradienti lineari

createLinearGradient() - live

createRadialGradient, gradiente radiali

createRadialGradient() - live

createPattern()

createPattern() - live

addColorStop() - live

strokeStyle gradienti rettangolo sfumato - live

strokeStyle gradienti testo sfumato - live

Effetti ombra

shadowColor, shadowBlur - live

shadowColor,shadowBlur,shadowOffsetX,shadowOffsetY - live

Curve di Bezier

bezierCurveTo() - live

quadraticCurveTo() - live

Testo

font - live

textAlign - live

textBaseline - live

fillText - live

measureText, read - live

measureText writing - live

strokeText default - live

strokeStyle, fillStyle, strokeText(), contorno e riempimento - live

Trasformazioni

scale() forme - live

scale() testo - live

Ellisse - live

rotate() forme - live

rotate() testo - live

Quadrato con gradiente ruotato a spirale - live

translate() - live

transform(), forme - live

transform(), forme e testo - live

setTransform() testo - live

setTransform() rettangolo - live

setTransform(),spostare,scalare,ruotare,distorcere - live

setTransform(), animazione - live

drawImage()

drawImage(), caricare immagine - live

drawImage() caricare e ridimensionare - live

drawImage() ritaglio - live

Manipolazione a livello pixel

getImageData(), get the pixel data

createImageData() - live

getImageData() - live

putImageData() - live

globalAlpha

globalAlpha - live

Trasparenza Alpha - live

globalCompositeOperation

globalCompositeOperation - live

toDataURL()

toDataURL() - live

effetto animazione - live

Effetto rimbalzo - live

Animazione senza timer - live

Panorama - live

Grafico a barre - live

Grafico a barre complesso - live

Grafico a torta - live

Spirale di Archimede - live

Spirale di Fermat - live

Spirale iperbolica - live

Spirale logaritmica - live

Spirale lemniscata - live

Cuore disegnato con equazione - live

Punti di riferimento

Indice

Copertina

Come usare questo e-book interattivo

L'acronimo ePub è l’abbreviazione di electronic publication, uno standard aperto il cui sviluppo è portato avanti dall’International Digital Publishing Forum (IPDF).

L’ultima evoluzione del formato è ePub 3.

Basato su Xml, Html5 e css3, porta con sé molte nuove caratteristiche che fanno scorgere come saranno gli e-book nel prossimo futuro.

La versione 3 del formato eBub mantiene le caratteristiche della versione precedente ma in più è responsivo e interattivo.

Responsivo: indica la possibilità del contenuto delle pagine di adattarsi automaticamente alle dimensioni del dispositivo di lettura. (già presente in parte delle versioni precedenti).. 

Interattivio: Cioè nel suo interno possono essere presenti contenuti multimediali di diverso tipo (pulsanti e controlli per interagire con i lettori, audio, video, animazioni, etc)

Queste novità mettono l'utilizzatore in grado di andare al di là della semplice esperienza di lettura.

Da ricordare che l'estensione del file ePub rimane la stessa indipendentemente dalla versione ePub dell'e-book.

Per aprire file con questo tipo di estensione è necessario un apposito programma di lettura su PC o un'apposita applicazione per i dispositivi mobili.

Se sul dispositivo di lettura non è installato un software idoneo per ePub versione 3, al tentativo di lettura i risultati potrebbero essere inaspettati..

L'e-book potrebbe essere letto ma con interattività parziale, molto ridotta e perfino nulla fino al ricevere un messaggi del tipo: Il file potrebbe essere danneggiato. 

Da considerare che il download dei file con formato ebub versione 3 potrebbe durare più del solito se i contenuti multimediali sono pesanti.

Per poter apprezzare questo e-book è necessario un lettore epub3 dell’ultima generazione (autunno 2016).

A questo indirizzo http://www.taccetti.net/html5canvaslive/index.php è possibile scaricare alcune pagine di questo e-book e verificare se il Vostro lettore può leggerle.

Per la scarsa disponibilità, (autunno 2016) di lettori di e-book evoluti in grado di supportare interattività completa, quello che segue è un elenco non esaustivo di lettori avanzati (quasi tutti gratuiti) e per vari sistemi operativi, in grado di leggere perfettamente questo e-book. .

Windows, Machintosh e Linux: AZARDI Infogrid Pacific http://azardi.infogridpacific.com/azardi-download.html

Android: bookari (versione premium) https://play.google.com/store/search?q=bookari%20epub3&c=apps

iPad:Ebook Reader https://itunes.apple.com/it/app/ebook-reader/id381260755?mt=8

browser Chrome: readium (estensione) https://chrome.google.com/webstore/detail/readium/fepbnnnkkadjhjahcafoaglimekefifl?utm_source=chrome-app-launcher-info-dialog

Nessun rapporto diretto è in atto con i proprietari del software citato e naturalmente molti altri lettori possono essere in grado di compiere egregiamente il loro lavoro.

Altri sviluppatori che dispongono di un software con caratteristiche idonee alla lettura degli epub3, possono scrivere all'autore dal modulo web (click qui), e