Selle elemendi eelised teiste tehnoloogiate vastu
HTML5 sisaldab põnevat elementi "CANVAS". Sellel on palju kasutusvõimalusi, kuid selleks, et seda kasutada, peate õppima JavaScripti, HTML-i ja mõnikord ka CSS-i.
See muudab CANVAS-elemendi paljudele disaineritele natuke hirmuäratavaks ja tegelikult enamik tõenäoliselt ignoreerib seda elementi, kuni on olemas usaldusväärsed tööriistad CANVAS-i animatsioonide ja mängude loomiseks ilma JavaScript tundmatu tundmata.
Mis HTML5 lõuendit kasutatakse
HTML5 CANVAS-elementi saab kasutada palju asju, mida varem pidid kasutama varjatud rakendust, nagu Flash:
- dünaamiline graafika
- online ja offline mänge
- animatsioone
- interaktiivne video ja heli
Tegelikult on peamine põhjus, miks inimesed kasutavad CANVAS-i elementi, sellepärast, et lihtsa veebilehe muutmine dünaamiliseks veebirakenduseks on lihtne ja seejärel teisendada see rakendus nutitelefonide ja tahvelarvutite jaoks mõeldud mobiilirakenduseks.
Kui meil on flash, miks me vajame lõuendit?
HTML5-spetsifikatsiooni kohaselt on CANVAS element:
"... resolutsioonist sõltuv bitmap lõuend, mida saab kasutada graafikute, mäng graafika, kunsti või muude visuaalsete piltide otsimiseks lennuks."Elemendi CANVAS abil saate joonistada graafikuid, graafikaid, mänge, kunsti ja teisi visuaale veebisaidil reaalajas.
Võib arvata, et võime Flashiga seda teha, kuid CANVAS-i ja Flashi vahel on kaks erinevat erinevust:
- CANVAS-element on HTML-is sisse lülitatud. Sellel põhinevad skriptid on kas HTML-vormingus või lingitud välisfailis. See tähendab, et CANVAS-element on osa dokumendi objekti mudelist või DOM-ist.
- Flash on sisseehitatud väline fail. Ta kasutab EMBED-i või OBJECT-elementi kuvamiseks ja ei saa otse teiste HTML-elementidega suhelda. Kuna CANVAS-element on DOMi osa, võib see DOM-i suhelda mitmel viisil.
- Näiteks võite luua animatsiooni, mis muutub siis, kui mõni teine osa lehte interakteerub - näiteks vormielement on täidetud. Flashiga võite kõige paremini teha Flash-filmi või animatsiooni, kuid CANVAS võite luua palju erinevaid efekte, isegi lisades vormi väljale teksti animatsiooni.
- CANVAS-i elementi toetavad veebibrauserid. Et kasutajad Flashi tegelikult kasutaksid, peavad nende brauseril olema plugin installitud. Enamiku inimeste jaoks on see sageli iganenud ebaõnnestunud Flash-seadmete või nende operatsioonisüsteemi lihtsalt seda ei toeta.
- See oli nii, et iga brauser oli installitud plugin, kuid see ei ole enam nii, ja paljud isegi eemaldavad plugin raskuste tõttu. Lisaks pole see isegi populaarsel iOS-i platvormil saadaval.
Lõuend on kasulik ka siis, kui sa ei kavatse Flashi kasutada
Üks peamisi põhjuseid, miks CANVAS-i element on nii segadusttekitav, on see, et paljud disainerid on kasutusele võetud täiesti staatilisse veebi. Pilte võib olla animeeritud, kuid see on tehtud GIF-i abil ja muidugi saate lisada video lehtedesse, kuid jällegi on see staatiline video, mis lihtsalt lehel asetub ja võib-olla hakkab või peatub vastasmõju tõttu, kuid see on kõik.
Elemendi CANVAS abil saate oma veebilehtedele lisada palju rohkem interaktiivsust, sest nüüd saate graafikat, pilte ja teksti dünaamiliselt skriptikeele abil juhtida. CANVAS-i element aitab teil pilte, fotosid, graafikuid ja graafika sisse lülitada animeeritud elementidesse.
Millal kaaluda lõuendielemendi kasutamist?
CANVAS-elemendi kasutamiseks otsustades peaks teie publik olema teie esimene asi.
Kui teie sihtrühmaks on peamiselt Windows XP ja IE 6, 7 või 8, siis loob dünaamilise lõuendi funktsioon mõttetuks, kuna need brauserid seda ei toeta.
Kui teete rakendust, mida kasutatakse ainult Windowsi masinatel, siis võib Flash olla teie parim valik. Windowsi ja Maci arvutite jaoks kasutatav rakendus võiks kasutada Silverlighti rakendust.
Kuid kui teie rakendust tuleb vaadata mobiilseadmetes (nii Android-i kui ka iOS-i puhul) kui ka kaasaegsetel lauaarvutitel (värskendatud uuemate brauseriversioonide järgi), siis on CANVAS-elemendi kasutamine hea valik.
Pidage meeles, et selle elemendi kasutamine võimaldab teil varundatud valikuid, nagu vanemate brauserite staatilised pildid, mis seda ei toeta.
Kuid pole soovitatav kasutada HTML5 lõuendit kõike. Te ei tohiks seda kunagi kasutada näiteks oma logo, pealkirja või navigeerimise jaoks (kuigi selle kasutamine mõne sellise osa aktiveerimiseks oleks õige).
Vastavalt spetsifikatsioonile peaksite kasutama kõige sobivamaid elemente, mida te üritate ehitada. Nii et pealkirja ja logo jaoks on CANVAS-elemendist eelistatavam kasutada HEADER-elementi koos piltide ja tekstiga.
Samuti, kui loote veebilehte või rakendust, mis on ette nähtud kasutamiseks mitte-interaktiivses keskkonnas nagu trükkimine, peaksite olema teadlikud, et dünaamiliselt värskendatud CANVAS-element ei pruugi printida, nagu te arvate. Võite saada printida praegusest või tagasiulatuva sisust.