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.
cronologia delle versioni
- Versione 1.0 pubblicato il 2015-02-13
Dettagli del programma
- Categoria: Istruzione > Strumenti didattici e di formazione
- Editore: Code Tutorial
- Licenza: Gratuito
- Prezzo: N/A
- Versione: 1.0
- Piattaforma: android