Šis elements ir ieguvums pār citām tehnoloģijām
HTML5 ietver aizraujošu elementu, ko sauc par CANVAS. Tam ir daudz lietojumu, taču, lai to izmantotu, jums jāapgūst JavaScript, HTML un dažreiz CSS.
Tas padara CANVAS elementu nedaudz biedējošu daudziem dizaineriem, un patiesībā lielākā daļa, iespējams, ignorēs šo elementu, kamēr nebūs uzticamu instrumentu, lai izveidotu CANVAS animācijas un spēles, nezinot JavaScript.
Kas tiek izmantots HTML5 kanvas
HTML5 CANVAS elementu var izmantot daudzām lietām, kuras agrāk jums bija jāizmanto iegultā lietojumprogramma, piemēram, Flash, lai ģenerētu:
- dinamiska grafika
- tiešsaistes un bezsaistes spēles
- animācijas
- interaktīvs video un audio
Faktiski galvenais iemesls, kā cilvēki izmanto CANVAS elementu, ir tas, ka vienkārši ir pārvērst vienkāršu tīmekļa lapu dinamiskā tīmekļa lietojumprogrammā un pēc tam pārvērst šo lietojumprogrammu par mobilo lietotni, kas paredzēta viedtālruņiem un planšetdatoriem.
Ja mums ir Flash, kāpēc mums vajag gleznas?
Saskaņā ar HTML5 specifikāciju, CANVAS elements ir:
"... izšķirtspējai atbilstošs bitkaršu režģis, ko var izmantot grafisko attēlu, spēļu grafikas, mākslas vai citu vizuālu attēlu atlasei lidojumā."CANVAS elements ļauj grafikā, grafikā, spēlēs, mākslā un citos vizuālos materiālos rādīt tieši tīmekļa lapā reāllaikā.
Jūs varētu domāt, ka mēs to jau varam izdarīt ar Flash, taču starp CANVAS un Flash pastāv divas būtiskas atšķirības:
- CANVAS elements ir iegults tieši HTML. Skripti, kas to izmanto, ir vai nu HTML, vai saistītā ārējā failā. Tas nozīmē, ka CANVAS elements ir daļa no dokumenta objekta modeļa vai DOM.
- Flash ir iegultais ārējais fails. Lai parādītu, tas izmanto vai nu EMBED, vai OBJECT elementu, un nevar tieši sazināties ar citiem HTML elementiem. Tā kā CANVAS elements ir daļa no DOM, tas daudzos veidos var sadarboties ar DOM.
- Piemēram, jūs varat izveidot animāciju, kas mainās, kad tiek mijiedarbināta kāda cita lapas daļa - piemēram, veidlapas elements ir aizpildīts. Izmantojot Flash, visvairāk jūs varētu darīt, lai sāktu Flash filmu vai animāciju, bet ar CANVAS jūs varētu radīt daudz dažādu efektu, pat pievienojot tekstu no veidlapas lauka animācijā.
- CANVAS elementu natively atbalsta tīmekļa pārlūkprogrammas. Lai lietotāji varētu faktiski izmantot Flash, to pārlūkprogrammai ir jābūt instalētai spraudņai. Lielākajai daļai cilvēku bieži rodas problēmas ar novecojušu Flash instalāciju vai faktu, ka viņu operētājsistēma vienkārši to neatbalsta.
- Tas mēdz būt tāds, ka katram pārlūkam bija spraudnis, kas instalēts, bet vairs nav tā, un daudzi no tiem pat novērš spraudni grūtību dēļ. Turklāt tas pat nav pieejams populārajā iOS platformā.
Audekls ir noderīgs, pat ja jūs nekad neplānojat izmantot Flash
Viens no galvenajiem iemesliem, kāpēc CANVAS elements ir tik mulsinošs, ir tas, ka daudzi dizaineri ir izmantojuši pilnīgi statisku tīmekli. Attēli var būt animēti, bet tas tiek darīts ar GIF, un, protams, jūs varat iegult video uz lapām, bet atkal tas ir statisks video, kas vienkārši atrodas lapā un varbūt sākas vai apstājas, pateicoties mijiedarbībai, bet tas viss ir.
Izmantojot CANVAS elementu, varat pievienot tik daudz vairāk interaktivitātes savām tīmekļa lapām, jo tagad varat dinamiski kontrolēt grafiku, attēlus un tekstu ar skriptu valodu. Izmantojot CANVAS elementu, animācijas elementi var pārvērst attēlus, fotoattēlus, diagrammas un diagrammas.
Kad jāapsver iespēja izmantot kanvas elementu
Izlemjot, vai izmantot CANVAS elementu, jūsu auditorijai būtu jāpievērš uzmanība.
Ja jūsu mērķauditorija galvenokārt izmanto Windows XP un IE 6, 7 vai 8, tad dinamiska auduma funkcijas izveide būs bezjēdzīga, jo šīs pārlūkprogrammas to neatbalsta.
Ja veidojat lietojumprogrammu, kuru izmantos tikai Windows ierīcēs, tad Flash varētu būt jūsu vislabākā derība. Lietojumprogramma, kas tiks izmantota Windows un Mac datoros, varētu izmantot Silverlight lietojumprogrammu.
Tomēr, ja jūsu lietojumprogramma ir jāapskata mobilajās ierīcēs (gan Android, gan iOS), kā arī mūsdienu galddatoros (jāatjaunina līdz jaunākajām pārlūkprogrammu versijām), tad laba izvēle ir izmantot CANVAS elementu.
Paturiet prātā, ka, izmantojot šo elementu, jums var būt rezerves iespējas, piemēram, statiskie attēli vecākiem pārlūkiem, kas to neatbalsta.
Tomēr viss nav ieteicams izmantot HTML5 audekls. Jums nekad to nedrīkst izmantot tādām lietām kā jūsu logotips, virsraksts vai navigācija (lai gan, izmantojot to, lai animētu daļu no jebkura no šiem varētu būt labi).
Saskaņā ar specifikāciju jums jāizmanto elementi, kas ir vispiemērotākie tam, ko jūs mēģināt veidot. Tātad, izmantojot HEADER elementu kopā ar attēliem un tekstu, ieteicams izmantot galveno un logotipu CANVAS elementu.
Tāpat, ja izveidojat tīmekļa lapu vai lietojumprogrammu, kuru paredzēts izmantot neinteraktīvā vidē, piemēram, drukā, jums jāapzinās, ka dinamiski atjauninātais CANVAS elements nedrīkst drukāt, kā jūs domājat. Jūs varat saņemt pašreizējā satura vai rezerves materiāla drukāšanu.