Sono nuovo di html5 e ho giocato con la tela. Mi chiedo quando la tela sarebbe davvero necessaria/utile? cioè quando è destinato a essere usato?Perché utilizzare canvas per l'animazione in html5?
Se ho bisogno di fare un'animazione semplice, come spostare i tag, ho davvero bisogno di una tela o è meglio/più facile usare solo jquery/js?
Con l'aiuto di tela è possibile creare applicazioni grafiche 2D, animazioni, semplice trasformazione di immagini (come loro rotazione), interfaccia grafica ecc Alcuni esempi:
buon articolo su come usarlo è here
Da "An insight into the HTML5 Canvas Element":
L'elemento canvas è interessante e degno di attenzione perché consente, per la prima volta, il disegno diretto della grafica all'interno di un browser senza l'uso di per un plugin esterno come Flash o Java. La bellezza della tela è che è completamente controllato tramite il semplice codice JavaScript , il che significa che si basa su la potente funzionalità JavaScript già disponibile e non richiede una curva di apprendimento pazzo da utilizzare.
Scegliere di sperimentare con tela rispetto ad altri nuovi elementi era semplicemente giù alla sua funzionalità di una piattaforma grafica, che intrinsecamente lo rende un potenziale interessante e ricca piattaforma con cui giocare. E 'stato ha deciso che la spinta dell'elemento canvas flessibile avrebbe prodotto il maggior numero di risultati interessanti che possiamo usare nell'applicazione .
Un altro fattore decisivo per la scelta di tela è stato quello di testare l'animazione capacità e la possibilità di esso essere un potenziale sostituto Flash. Ora Flash ha ovviamente caratteristiche che tela non avrebbero mai potuto emulare, tuttavia si tratta di un concetto interessante comunque per vedere esattamente quello che potrebbe essere raggiunto con tela che normalmente sarebbero fatto da raggiungere per Flash.
letto l'articolo per ottenere informazioni più utili
PS. Se la tua animazione riguarda i tag in movimento (come parti della tua pagina), allora la tela non si adatta. La tela è per il rendering grafico.Quindi in questo caso userete jquery o altre librerie JS.
Canvas consente di accedere al livello di pixel della grafica. Se volevi eseguire una transizione a scacchiera, potresti farlo con uno script in tela ma non in jQuery.
Per alcuni esempi di ciò che è possibile (già fatto) vedere http://www.netzgesta.de/transm/
Ecco le migliori pratiche per decidere quando utilizzare CSS3 Transitions/animazioni o tela. Tieni presente che se usi jQuery, sotto le copertine useranno le transizioni o le animazioni CSS3 quando possibile.
CSS3 Traduzioni/animazioni - utilizzare questi se si sta animando DOM stili elemento, come la posizione e la dimensione
animazioni Tela - animazioni uso di tela Se state animando qualcosa di più complesso, come se si sta creando un gioco online o la costruzione di un simulatore di fisica. Se stai animando i modelli 3-d, ti consigliamo di usare la tela in modo da poter sfruttare WebGL
