HTML5 Canvas Free Tutorial 1.0
Sarai in grado di scaricare in 5 secondi.
Circa HTML5 Canvas Free Tutorial
L'elemento è solo un contenitore per la grafica. È necessario utilizzare uno script per disegnare effettivamente la grafica. Una tela è un'area rettangolare e ha diversi metodi per disegnare tracciati, caselle, cerchi, caratteri e aggiungere immagini.
L'elemento è un nuovo elemento di markup HTML5 che consente il disegno in una pagina Web senza utilizzare API DOM (Document Object Model) o plug-in. Sebbene in qualche modo nuovo, l'elemento è stato adottato dalla maggior parte dei browser moderni.
Invece di creare grafica su schermo usando elementi HTML e altri markup con stile CSS, Canvas consente il disegno di grafica direttamente utilizzando comandi JavaScript come drawRect, fill e drawImage. Inoltre, è possibile manipolare direttamente i pixel per modificare le immagini e creare effetti speciali. Sebbene Canvas sia attualmente un'API di disegno 2D, il supporto 3D è pianificato per le versioni future.
Nota: - L'elemento non ha capacità di disegno proprie - Tutto il disegno deve essere eseguito all'interno di JavaScript. Per impostazione predefinita, l'elemento non ha alcun bordo e nessun contenuto - Il rendering fallback_content è eseguito da browser che non supportano il tag canvas - Consente il disegno della grafica direttamente senza dover ricorrere a
o trucchi CSS - Canvas è uno standard web, supportato dalla maggior parte dei browser, con implementazioni compatibili - La tela è una griglia bidimensionale. - Accelerazione hardware più semplice con animazioni veloci - L'angolo superiore sinistro della tela ha coordinate (0,0) - In futuro, Canvas supporterà contesti diversi da '2d', ad esempio le specifiche WebGL in sospeso per la grafica 3D.