Canvas (elemento HTML): differenze tra le versioni

Versione delle 00:08, 15 mar 2007

Versione delle 00:22, 15 mar 2007

Riga 4:

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

Più tardi fu adottata dai browsers [[Gecko (layout engine)|Gecko]] ([[Mozilla Application Suite|Mozilla]] e [[Mozilla Firefox|Firefox]]) ed [[Opera (internet suite)|Opera]]<ref>[http://www.opera.com/docs/changelogs/windows/900/ Opera 9.0 changelog]</ref>, e standardizzati dal [[Web Hypertext Application Technology Working Group|WHATWG]] su nuove specifiche proposte per le tecnologie della prossima generazione.

[[Novell]] manufacturesproduce anun [[XForms]] processor plugin forper [[Internet Explorer]], whichche alsosupporta provides support for thel'elemento canvas element.<ref>[http://lab.cph.novell.com/nxie/ Novell XForms Explorer]</ref> IndependentSviluppi effortsindipendenti toper supportsupportare theil canvas feature onsu Internet Explorer do notnon requirerichiedono plugins ande aresono basedbasati solelyesclusivamente onsu [[Vector Markup Language|VML]] ande [[JavaScript]].<ref>[http://me.eae.net/archive/2005/12/29/canvas-in-ie/ Canvas in IE]</ref> Anche Google hasha alsoavviato begunun aprogetto projectper toaggiungere addle canvascapacità abilitiesdel canvas toad Internet Explorer usingusando thela samestessa techniquestecnica.<ref>[http://excanvas.sourceforge.net/ Google's Canvas in IE project]</ref>

Il Canvas consiste in una regione disegnabile, definita in codice HTML con gli attributi ''height'' and ''width''. Il codice [[JavaScript]] può accedere all'area con un set completo di funzioni per il disegno, simili a quelle comuni ad altre API 2D, permettendo così la generazione dimanica di disegni. Alcuni usi possibili di Canvas includono i grafici, l'animazione e la composizione di immagini.

<!--

that allows for dynamic rendering of [[Scripting language|scriptable]] [[bitmap]] images.

It was initially introduced by [[Apple Computer|Apple]] for use inside their own [[Mac OS X]] [[Webkit]] component, powering applications like [[Dashboard (software)|Dashboard]] widgets and the [[Safari (browser)|Safari]] browser.

Later, it was adopted by [[Gecko (layout engine)|Gecko]] browsers (notably [[Mozilla Application Suite|Mozilla]] and [[Mozilla Firefox|Firefox]]) and [[Opera (internet suite)|Opera]]<ref>[http://www.opera.com/docs/changelogs/windows/900/ Opera 9.0 changelog]</ref>, and standardized by the [[Web Hypertext Application Technology Working Group|WHATWG]] on new proposed specifications for next generation web technologies.

[[Novell]] manufactures an [[XForms]] processor plugin for [[Internet Explorer]], which also provides support for the canvas element.<ref>[http://lab.cph.novell.com/nxie/ Novell XForms Explorer]</ref> Independent efforts to support the canvas feature on Internet Explorer do not require plugins and are based solely on [[Vector Markup Language|VML]] and [[JavaScript]].<ref>[http://me.eae.net/archive/2005/12/29/canvas-in-ie/ Canvas in IE]</ref> Google has also begun a project to add canvas abilities to Internet Explorer using the same techniques.<ref>[http://excanvas.sourceforge.net/ Google's Canvas in IE project]</ref>

Canvas consists of a drawable region defined in HTML code with ''height'' and ''width'' attributes. [[JavaScript]] code may access the area through a full set of drawing functions similar to other common 2D APIs, thus allowing for dynamically generated graphics. Some anticipated uses of the canvas include building graphs, animations, and image composition.-->

<!--

==Reactions==

Line 44 ⟶ 35:

*[http://lsysjs.qwert.ch/ LSys/JS] - Interactive [[L-System]] interpreter using canvas.

*[http://ajax3d.sourceforge.net/ Ajax3d] - A 3d engine and simple game implemented with Canvas.-->

<!--

==SeeVedi alsoanche==

*[[Scalable Vector Graphics|SVG]]

*[[Quartz (graphics layer)]]

*[[Cairo (graphics)]]

*[[WHATWG Compare|ComparisonComparazione ofdi layout engines (Web Applications 1.0)]]-->

<!--

==ExternalLink linksesterni==

*[http://www.whatwg.org/specs/web-apps/current-work/#scs-dynamic Descrizione di Canvas descriptionnelle inspecifiche WHATWG Web Applications draft specifications]

*[http://developer.apple.com/documentation/AppleApplications/Reference/SafariJSRef/Classes/Canvas.html#//apple_ref/doc/uid/30001240-CJBCECGI.html#//apple_ref/doc/uid/30001236 CanvasPagina di reference pageper Canvas insu Apple Developers Connection]

*[http://developer.mozilla.org/en/docs/Canvas_tutorial Canvas tutorial ande introductorypagina pageintroduttiva onsu Mozilla Developer center]-->