Dëst Element huet Virdeeler iwwer aner Technologie
HTML5 weist en spannend Element namens CANVAS. Et huet vill Utilisateuren, awer fir se ze benotzen, musst Dir e puer JavaScript-, HTML- a heiansdo CSS léieren.
Dëst erlaabt de CANVAS-Element e bëssen onbequet fir vill Designer, an tatsächlech ignoréiert d'Majoritéit den Element bis zu reliéisen Tools fir CANVAS Animatiounen a Spiller ze kreéieren ouni JavaScript ze sënnen.
Wat HTML5 Canvas benotze For
Den HTML5 CANVAS-Element kann benotzt fir vill Saachen déi virdru waren, Dir musst eng Embedded Applikatioun wéi Flash generéieren fir ze generéieren:
- dynamesch Grafiken
- online an offline Spiller
- Animatiounen
- interaktiven Video an Audi
Tatsächlech sinn déi Haaptgrënn, déi Leit vum CANVAS-Element benotzen ass, well et einfach ass fir eng plain Web-Säit an eng dynamesch Web-Applikatioun ze maachen an ëmsetzt dës Applikatioun an eng mobiler App fir op Smartphones an Tabletten.
Wann mir Flash hunn, firwat brauche mir Leinwand?
Laut der HTML5 Spezifikatioun ass de CANVAS Element:
"... e Resolutiounen abegraff Bitmap Leinwand, wat fir Rendez-Grafiken, Spillgraphiken, Konscht oder aner visuell Biller op der Fléie benotzt kënne".Den CANVAS-Element erlaabt Grafiken, Grafiken, Spiller, Konscht an aner Visualiséierungen direkt op der Websäit ze maachen an Echtzäit.
Dir kéint driwwer nogedoen datt mir et schon mat Flash maachen kënnen, awer et gi zwee grouss Differenzen tëscht CANVAS a Flash:
- Den CANVAS-Element ass direkt am HTML. D'Scripte déi et ophuelen, sinn entweder am HTML oder an enger externer externer Datei. Dëst bedeit datt den CANVAS-Element en Deel vum Document-Objektmodell ass oder DOM.
- Flash ass eng embedded extern Datei. Et benotzt entweder den EMBED oder den OBJECT-Element fir ze weisen, an net direkt mat den anere HTML Elementer interagéieren. Well de CANVAS-Element Deel vun der DOM ass, kann et op vill Manéier mat dem DOM interagéieren.
- Zum Beispill kënnt Dir eng Animatioun erstallt hunn, déi geännert wann e puer aneren Deel vun der Säit interagéiert ass - wéi zB en Formular agefëllt. Mat Flash huet Dir am meeschten benotze fir de Flashfilm oder Animatioun ze starten, awer mat CANVAS kënnt Dir vill verschidde Effekter erschaaffen, souguer datt den Text aus dem Formulaire an d'Animatioun eranzt.
- Den CANVAS-Element ass natierrig vun de Webbrowser ënnerstëtzt. Fir Benotzer fir effektiv Flash benotzen, muss de Browser de Plugin installéiert hunn. Dëst ass oft eng Hektioun fir déi meescht Leit wéinst der vergaangten Flash-Installatiounen oder déi Tatsaach, datt hiren Betriebssystem einfach net ënnerstëtzt.
- Et war gewosst, datt all Browser de Plugin installéiert huet, awer dat ass net méi de Fall, a vill sinn souguer d'Plugin erof op Schwieregkeeten. Plus, et ass net op der populärer iOS Plattform verfügbar.
Canvas Is Nëtzlech Even Wann Dir ni Pläng fir Flash benotzt
Ee vun den Haaptgrënn déi d'CANVAS Element esou verréckt ass, datt vill Designer bis zu engem komplett statesch Web gewiescht sinn. Biller kënne animéiert sinn, awer dat ass mat GIF gemaach ginn. Natiirlech kanns du Videoe matenee verëcken, awer erëm, et ass e statesche Video, deen einfach op der Säit setzt a vläicht fänkt oder ophëlt wéinst Interaktioun, awer dat ass alles.
Den CANVAS-Element erlaabt Iech esou vill Interaktivitéit op Är Websäiten ze addéieren, well Dir kënnt d'Grafiken, Biller an Text dynamesch mat enger Skriptsprache kontrolléieren. Den CANVAS-Element hëlleft Iech Biller, Fotoen, Charts a Grafiken an animéiert Elementer ze drecken.
Wann Dir d'Canvas Element benotzt
Är Uffentlechkeet sollt Äre éischte Gedanke si wann se entscheeden ob den CANVAS-Element benotze kënnt.
Wann Är Audienz virun allem Windows XP an IE 6, 7 oder 8 benotzt gëtt, da schafft eng dynamesch Leinwand Feature ze sinn, well dës Browsers net ënnerstëtzen.
Wann Dir eng Applikatioun erstallt, déi nëmmen op Windows-Maschinnen benotzt gëtt, da kéint d'Flash meng Bescht wetten. Eng Applikatioun déi op Windows a Mac Computer benotzt ginn kënnt vun enger Silverlight Applikatioun.
Awer wann Är Applikatioun op mobilen Apparater (Android an iOS) an sou modernen Descomputer gesinn (aktualiséiert bis déi lescht Browser-Versiounen), dann benotzt de CANVAS Element e gudde Choix.
Denkt drun datt dës Benotzung vun dësem Element e Fallbackoptioune wéi statesch Biller fir méi Browser gëtt, déi et net ënnerstëtzen.
Allerdéngs ass et net ze recommandéieren HTML5 Canvas fir alles ze benotzen. Dir sollt et ni benotzen fir Saachen wéi Äre Logo, Iwwersetzung oder Navigatioun (obwuel se se benotzt fir en Deel vun all deem ze animéieren).
Laut der Spezifizéierung kënnt Dir d'Elementer benotzen, déi am meeschten attraktiv sinn fir wat Dir maacht. Also benotzt den HEADER-Element mat Biller an Text am preferéierten zum CANVAS-Element fir ären Header a Logo.
Och wann Dir eng Websäit oder eng Applikatioun déi Dir benotzt soll an engem net interaktiven Medium wéi Dréckerei benotzt ginn, sollt Dir bewosst datt de CANVAS Element, deen dynamesch aktualiséiert gouf, net drucken, wéi Dir erwart. Dir kënnt e Print vun den aktuellen Inhalt oder vum falschen Inhalt hunn.