Canvas

di 3 collaboratori:

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...


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

Etichette del documento e nomi di chi ha collaborato alla sua stesura

Contributors to this page: teoli, Grino, mck89
Ultima modifica di: teoli,