Canvas (elemento HTML): differenze tra le versioni

Versione delle 15:00, 3 mag 2007

Versione delle 17:52, 11 mag 2007

Riga 9:

Al momento della sua introduzione, l'elemento canvas non fu accolto unanimemente dalla comunità che si occupa di definire gli standard del [[World Wide Web|web]]. Alcuni deplorarono la decisione di Apple di creare un nuovo elemento proprietario invece di supportare lo standard [[Scalable Vector Graphics|SVG]], che non era ancora stato del tutto recepito dal web. Altri criticarono la logica che stava alla base dell'elemento: la sua essenza procedurale e la mancanza di una controparte procedurale consentiva a canvas di "disegnare", ma gli elementi disegnati non erano identificabili con qualcosa di simile ad un [[Document Object Model|DOM]]. Altri ancora mostrarono preoccupazione non tanto per l'estensione proprietaria in sè, ma per la sintassi che è stata proposta per l'utilizzo della stessa. Costoro, per esempio, ritengono indesiderabile l'impossibilità di calare l'elemento all'interno di un [[namespace]].<ref>{{en}}[http://ln.hixie.ch/?start=1089635050&count=1 Commenti di Ian Hickson su canvas e sulle altre estensioni all'HTML di Apple]</ref>

Uno sviluppatore web, insoddisfatto dal livello del supporto del formato SVG in [[Safari]], ha sviluppato un [[Raster|rasterizzatoreraster]]izzatore in [[JavaScript]], che ha chiamato ''SVG Tiny 1.2 to canvas'', per dimostrare la mancata veridicità di affermazioni secondo le quali l'implementazione di canvas in Safari sarebbe stata molto più facile, rispetto ad una completa integrazione di SVG.<ref>{{en}}[http://fuchsia-design.com/CanvaSVG/ Oggetto Javascript canvaSVG che elabora documenti SVG come se fossero canvas]</ref>

==Esempi==

Riga 16:

*{{en}}[http://www.abrahamjoffe.com.au/ben/canvascape/ Canvascape] - Un gioco 3D creato usando Canvas.

*{{en}}[http://bennolan.com/articles/2007/01/24/moon-lander-using-the-canvas-tag MoonLander] scritto usando Canvas.

*{{en}}[http://overstimulate.com/projects/canvas/ Various demos] - Diversi esempi di utilizzo di canvas (un grafico, uno strumento per tener d'occhio un server, e l'implementazione di un [[Sistemasistema L|sistema Lindenmayer]]indenmayer).

*{{en}}[http://virtuelvis.com/download/2005/10/mandelbrot/ Fractals] - Esempio di generazione di un [[frattale]].

*{{en}}[http://www.agustinfernandez.com.ar/proyectos/canvas/ Frames] - Disegno di bordi decorativi attorno ad elementi HTML standard.

Riga 29:

*{{en}}[http://www.liquidx.net/plotkit/ PlotKit] - Esempio di disegno di grafici attraverso l'utilizzo di un toolkit.

*{{en}}[http://www.pixelinstrument.net/portfolio/ourdemos/arkanoid.php JS Arkanoid] - Clone di Arkanoid che usa Canvas.

*{{en}}[http://henrikfalck.com/unrealsoccer/ Unreal Soccer] - Simulatore di [[Calcio (sport)|calcio]] scritto usando Canvas.

*{{en}}[http://lsysjs.qwert.ch/ LSys/JS] - Interprete interattivo di un [[Sistema L]] che usa Canvas.

*{{en}}[http://ajax3d.sourceforge.net/ Ajax3d] - Un motore 3D e un gioco scritti usando Canvas.