Canvas (elemento HTML): differenze tra le versioni

Versione delle 23:24, 28 apr 2007

Versione delle 20:31, 29 apr 2007

Riga 1:

{{T|lingua=inglese|argomento=informatica|data=marzo 2007}}

{{S|informatica}}

'''Canvas''' è una estensione dell'[[HTML]] standard che permette il rendering dinamico di immagini [[Scripting language|scriptable]] [[bitmap]].

Fu inizialmente introdotta da [[Apple Computer|Apple]] per uso all'interno del loro componente [[Mac OS X]] [[Webkit]], per migliorare applicazioni come [[Dashboard (software)|Dashboard]] widgets ed il browser [[Safari (browser)|Safari]].

Line 9 ⟶ 7:

==Reazioni==

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>

<!--

==Reactions==

At the time of its introduction the canvas element met with mixed reactions from the web standards community. Some complained about Apple's decision to create a new proprietary element instead of supporting the [[Scalable Vector Graphics|SVG]] standard, which still has not achieved broad web acceptance. Some others argued about the logic upon which canvas was conceived: being completely procedural and not having a descriptive counterpart allowed canvas to 'paint', but drawn elements are not identifiable in a [[Document Object Model|DOM]]-like way. Other people raised concerns, not about the proprietary extension per se, but in regard to the proposed syntax for those elements. For example, they consider the absence of a [[namespace]] indication to be undesirable.<ref>[http://ln.hixie.ch/?start=1089635050&count=1 Ian Hickson remarks regarding canvas and other Apple extensions to HTML]</ref>

<!--

A web developer unsatisfied by the level of SVG support in Safari has pushed himself to develop an ''SVG Tiny 1.2 to canvas'' [[Rasterisation|rasteriser]] in [[JavaScript]], as a [[proof of concept]] against claims that canvas was a lot easier to implement in Safari than a complete SVG integration.<ref>[http://fuchsia-design.com/CanvaSVG/ canvaSVG Javascript object for rendering SVG documents in canvas]</ref> -->

Uno sviluppatore web, insoddisfatto dal livello del supporto del formato SVG in [[Safari]], ha sviluppato un [[Raster|rasterizzatore]] 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> -->

<!--

==Examples==

==Esempi==

*[http://www.calc5.com/ Calc5] - Javascript calculator with charting abilities.

*{{en}}[http://www.calc5.com/ Calc5] - Calcolatrice in JavaScript che può rappresentare in un grafico i risultati ottenuti.

*[http://www.greatwebwall.com Great Web Wall] - Live Internet wall implemented with Canvas element.

*{{en}}[http://www.abrahamjoffegreatwebwall.com.au/ben/canvascape/ CanvascapeGreat Web Wall] - AMuro 3Dper gamemessaggi implementedimplementato within Canvas.

*{{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 MoonLanderusando written using the canvas tagCanvas.

*[http://overstimulate.com/projects/canvas/ Various demos] - Various canvas demos (a chart, a live server monitor, a [[L-system|Lindenmayer system]] implementation)

*{{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 [[Sistema L|sistema Lindenmayer]]).

*{{en}}[http://virtuelvis.com/download/2005/10/mandelbrot/ Fractals] - AnEsempio exampledi ofgenerazione fractalsdi renderingun [[frattale]].

*{{en}}[http://www.agustinfernandez.com.ar/proyectos/canvas/ Frames] - DrawingDisegno decorativedi bordersbordi arounddecorativi standardattorno ad elementi HTML elementsstandard.

*{{en}}[http://developer.mozilla.org/presentations/xtech2005/svg-canvas/CanvasDemo.html Tucanos] - The tucanos demo

*{{en}}[http://ponderer.org/download/canvas_demo/ Free drawing] - FreeEsempio drawingdi exampledisegno libero.

*{{en}}[http://bendiken.net/scripts/game-of-life/ Conway's Game of Life] - theImplementazione widely-knownmediante cellularCanvas automatondel implementednoto usingsimulatore Canvasdi una forma di vita monocellulare.

*[http://testzone.danieljmarra.com/canvas/canvaspong/ Canvas Pong] - A pong recreation using the canvas tag.

*{{en}}[http://caimansystestzone.danieljmarra.com/paintercanvas/canvaspong/ Canvas PainterPong] - AUna simplereimplementazione canvas-baseddi paintPong demoche usingusa widgetsCanvas.

*{{en}}[http://dave-webstercaimansys.com/projectspainter/index.php?page=incs/plasma_demo1 Canvas plasma demoPainter] - SimpleApplicazione portdimostrativa ofdi adisegno, Ccreata plasmautilizzando demodei widget.

*{{en}}[http://dave-webster.com/projects/index.php?page=incs/plasma_demo1 Canvas plasma demo] - Port di un'applicazione dimostrativa.

*{{en}}[http://chris-malcolm.com/canvas/breakout.html Breakout using canvas] -The classicIl game,classico Breakout, usingimplementato the canvasusando tagCanvas.

*[{{en}}http://jsmsx.sourceforge.net jsMSX] ([http://jsmsxdemo.googlepages.com/jsmsx.html demo]) - [[MSXEmulatore]] [[EmulatorMSX]] 100%scritto writtencompletamente in [[Javascript]].

*{{en}}[http://www.liquidx.net/plotkit/ PlotKit] - AEsempio numberdi ofdisegno chartingdi examplesgrafici withattraverso al'utilizzo di un toolkit.

*{{en}}[http://www.pixelinstrument.net/portfolio/ourdemos/arkanoid.php JS Arkanoid] - AnClone arkanoiddi Arkanoid cloneche usingusa canvasCanvas.

*[http://henrikfalck.com/unrealsoccer/ Unreal Soccer] - [[Soccer]] game that uses canvas

*{{en}}[http://lsysjshenrikfalck.qwert.chcom/ LSysunrealsoccer/JS Unreal Soccer] - InteractiveSimulatore di [[L-Systemcalcio]] interpreterscritto usingusando canvasCanvas.

*{{en}}[http://ajax3dlsysjs.sourceforgeqwert.netch/ Ajax3dLSys/JS] - AInterprete 3dinterattivo enginedi andun simple[[Sistema gameL]] implementedche withusa Canvas.-->

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

== Voci correlate ==

Line 46 ⟶ 40:

== Collegamenti esterni ==

*{{en}}[http://www.whatwg.org/specs/web-apps/current-work/#scs-dynamic Descrizione di Canvas nelle specifiche WHATWG Web Applications draft]

*{{en}}[http://developer.apple.com/documentation/AppleApplications/Reference/SafariJSRef/Classes/Canvas.html#//apple_ref/doc/uid/30001240-CJBCECGI.html#//apple_ref/doc/uid/30001236 Pagina di reference per Canvas su Apple Developers Connection]

*{{en}}[http://developer.mozilla.org/en/docs/Canvas_tutorial Canvas tutorial e pagina introduttiva su Mozilla Developer center]