Canvas

Aggiunto con HTML5, HTML <canvas> è un elemento che può essere usato per disegnare elementi grafici tramite script (di solito JavaScript). Per esempio, può essere usato per disegnare grafici, creare composizioni fotografiche, creare animazioni e perfino realizzare elvaborazioni video in tempo reale.

Le applicazioni Mozilla supportano <canvas> a partire da Gecko 1.8 (cioè Firefox 1.5). L'elemento è stato originariamente introdotto da Apple per OS X Dashboard e Safari. Internet Explorer supporta <canvas> dalla versione 9; per versioni precedenti di IE, una pagina può aggiungere il supporto per <canvas> includendo lo script del progetto Explorer Canvas di Google. Anche Google Chrome e Opera 9 supportano <canvas>.

L'elemento <canvas> è utilizzato anche da WebGL per la grafica 3D con accellerazione hardware nelle pagine web.

DocumentaZIONE

Specifiche: L'elemento <canvas> è parte delle specifiche 1.0 della WhatWG per le applicazioni Web, anche conosciute come HTML5.
Esecitazione sui canvas: Un'esercitazione completa che copre sia l'utilizzo base che le caratteristiche avanzate di <canvas>.
Frammenti di codice: Canvas: Qualche frammento di codice per gli sviluppatori di estensioni che coinvolge <canvas>.
Esempi di canvas: Alcune dimostraioni sui <canvas>.
Disegnare oggetti DOM in un canvas: Come disegnare contenuto DOM, come elementi HTML, in un canvas.
Un semplice raycaster: Una demo di animazione ray-tracing utilizzando il canvas.
Interfacce dei Canvas nel DOM: Interfacce dei Canvas nel DOM implementate in Gecko.

Vedi tutto...

ComunitÀ

Guarda i forum di Mozilla...

come mailing list

Canvas-Developers Yahoo Group

Risorse

Librerie

libCanvas è un potente e leggero framework per canvas
Processing.js implementzione del linguaggio di visualizzazione Processing
EaselJS è una libreria con un'API simile a Flash
PlotKit è una libreria per la creazione di grafici e diagrammi
Rekapi è un'API per le animazioni Canvas basata sui keyframe
PhiloGL è un framework WebGL per la visualizzazione di dati, programmazione creativa e lo sviluppo di giochi.
JavaScript InfoVis Toolkit crea visualizzazioni di dati interattive per il Web con Canvas 2D
Frame-Engine è un framework per lo sviluppo di applicazioni e giochi

ARGOMENTI CORRELATI

HTML, JavaScript, CSS, AJAX, DOM, SVG, WebGL

HTML5 Documentation

HTML	Audio/Video Canvas WebGL SVG MathML WebForms AppCache Microformats SemanticTags
JavaScript	Storage IndexedDB WebSockets WebWorkers Events Drag/Drop ProtocolHandler Geolocation Focus
CSS	NewSelectors Typography Visual Effects