Dit elemint hat foardielen oer oare technology
HTML5 befettet in spannend elemint nammentlik CANVAS. It hat in protte gebrûk, mar om it gebrûk te meitsjen moatst guon JavaScript, HTML, en somtiden CSS learje.
Dêrtroch makket it elemint fan CANVAS in soad skruten foar in protte ûntwerpers, en feitlik wurde de measte it elemint miskien oant it bestân is wier genôch ark foar it meitsjen fan CANVAS-animaasjes en spultsjes sûnder Java's te wiskjen.
Wat HTML5 Canvas brûkt wurdt
It elemint fan HTML5 CANVAS kin brûkt wurde foar in soad dingen dy't earder binne, jo moasten in ynbêde applikaasje brûke as Flash om te generearjen:
- dynamyske grafiken
- online en offline spultsjes
- animaasjes
- ynteraktyf fideo en audio
Yn 't feit hawwe de wichtichste reden minsken it CANVAS-elemint brûke, om't it maklik is om in ienfâldige webside yn in dynamyske webapplikaasje te feroarjen en dat applikaasje yn in mobile app foar konvertearring te brûken oer smartphones en tablets.
As wy Flash hawwe, wêrom moatte wy leane kinne?
Neffens de spesifikaasje fan HTML5 is it CANVAS-elemint:
"... in oplossing-ôfhinklike bitmapkavalt, dat brûkt wurde kin foar it rendering grafiken, spultsgrafiken, keunst of oare fisuele bylden op 'e flecht."It CANVAS-elemint lit jo grafiken, grafiken, spultsjes, keunst, en oare fideo's rjochtsje op 'e webside yn echte tiid.
Jo kinne tinke dat wy al mei Flash dwaan kinne, mar der binne twa grutte ferskillen tusken CANVAS en Flash:
- It elemint CANVAS is yn it HTML ynrjochte. De scripts dy't der op dreech binne binne yn 'e HTML of yn in keppele eksterne bestân. Dit betsjut dat it elemint CANVAS in diel is fan it dokumintobjektmodel, of DOM.
- Flash is in ynboude ekstern triem. It brûkt sawol de EMBED of it OBJECT-elemint om te sjen, en kin net direkt mei de oare HTML-eleminten ynteraktieare. Om't it elemint fan 'e CANVAS diel is fan' e DOM, kin it ferskate manieren mei de DOM ynteraktearje.
- Sa kinne jo bygelyks in animaasje meitsje dy't feroaret as in oar part fan 'e side mei-inoar kommandearret mei - lykas in formulier elemint is foltôge. Mei Flash kin it meast kinne wêze om it Flashfilm of animaasje te begjinnen, mar mei KASVAS kinne jo in protte ferskate effekten meitsje, sels it tekst taheakje fan it formulierfjild yn 'e animaasje.
- It elemint fan CANVAS wurdt natuerlik stipe troch webbrowsers. Om gebrûkers fan brûkers te brûken brûke, moat har blêder it plugin ynstallearje. Dit is faak in kwestje foar de measte minsken op grûn fan ferâldere Flash-ynstalingen of it feit dat har bestjoeringssysteem gewoan net stipet.
- It die bliken dat elke browser de ynstallaasje hat ynstallearre, mar dat is net mear it gefal, en in protte binne sels it plugin fuortsmiten fanwege swierrichheden. Plus, it is net sels beskikber op it populêre iOS-platfoarm.
Leverton is brûkber even as jo noait brûkt wurde om Flash te brûken
Ien fan 'e wichtichste redenen wêrom't it CANVAS-elemint sa betrouwen is, is dat in soad ûntwerpers wurden brûkt wurde oan in folslein statyske web. Ofbyldings kinne animearre wurde, mar dat is mei GIF dien, en fansels kinne jo fideo's yn siden ynfiere, mar it is in statyske fideo dy't ienfâldich op 'e side sit, en miskien begjint of stopje troch ynteraksje, mar dat is alles.
It elemint fan CANVAS jout jo om safolle ynteraktiviteit oan jo websiden te foegjen, om't no de graphics, foto's en tekst dynamysk kontrolearje mei in scripting-taal. It elemint CANVAS helpt jo byld, foto's, grafiken en grafiken yn animearre eleminten te kearen.
Wannear't jo it Canvas Element brûke
Jo publyk moat jo earste consideraasje wêze as jo beslute hoe't jo it CANVAS-elemint brûke.
As jo publyk yn it foarste plak mei Windows XP en IE 6, 7, of 8 brûke, sil it meitsjen fan in dynamyske kaartsfunksje sûnder sizzen wêze, omdat dizze browsers dy net stypje.
As jo in applikaasje bouwe dy't allinich op Windows-masines brûkt wurdt, dan kin Flash as jo bêste betelje. In applikaasje dy't brûkt wurde op Windows en Mac-kompjûters kin profitearje fan in Silverlight-applikaasje.
As jo applikaasje lykwols wurde moatte wurde op mobile apparaten (sawol Android as foar iOS) en moderne buroblêden (aktualisearre nei de lêste browserferzjes), dan brûke jo it CANVAS-elemint in goede kar.
Tink derom dat it brûken fan dit elemint jo foarkar hat as statyske ôfbyldings foar âldere browsers dy't dy net stypje.
It is lykwols net oanrikkemandearre om HTML5-leine foar alles te brûken. Jo moatte it noait brûke foar dingen lykas jo logo, headline, of navigaasje (hoewol it gebrûk makket om in part fan ien fan har te animearjen wêze soe).
Neffens de spesifisearring moatte jo de eleminten brûke dy't meast passend binne foar wat jo besykje te bouwen. It brûken fan it HEADER-elemint tegearre mei bylden en tekst is foardielich foar it CANVAS-elemint foar jo header en logo.
Ek as jo in webside of applikaasje skeppe dy't brûkt wurdt yn in net-ynteraktive medium as printsje, moatte jo bewust wêze dat it elemint fan 'e CANVAS-elemint dat dynamysk bywurke is, net drukke as jo ferwachtsje. Jo kinne in print krije fan 'e aktuele ynhâld of fan' e fallback-ynhâld.