Šis elementas turi naudos, palyginti su kitomis technologijomis
HTML5 apima įdomų elementą, vadinamą "CANVAS". Jis turi daug naudos, bet norint jį naudoti, reikia išmokti JavaScript, HTML ir kartais CSS.
Todėl "CANVAS" elementas tampa šiek tiek bauginamas daugeliui dizainerių, ir iš tikrųjų daugelis tikriausiai ignoruos elementą tol, kol nebus patikimų įrankių sukurti CANVAS animacijas ir žaidimus nežinant JavaScript.
Ką naudoja HTML5 drobė
HTML5 "CANVAS" elementą galima naudoti daugeliui dalykų, kuriuos anksčiau reikėjo naudoti įterptai programai, pvz., "Flash":
- dinamiška grafika
- internetiniai ir neprisijungę žaidimai
- animacijos
- interaktyvus vaizdo įrašas ir garso įrašas
Tiesą sakant, pagrindinė priežastis, kodėl žmonės naudoja "CANVAS" elementą, yra tai, kad paprasta yra tai, kad paprastą tinklalapį paversti dinamine žiniatinklio programa ir tada paversti šią programą mobilia programa, skirtą naudoti išmaniuosiuose telefonuose ir planšetiniuose kompiuteriuose.
Jei mes turime "Flash", kodėl mums reikia drobės?
Pagal HTML5 specifikaciją elementas CANVAS yra:
"... atspalviu paremtas ritininis drobė, kurį galima naudoti grafikams, žaidimų grafikai, menui ar kitiems vaizdiniams vaizdams"."CANVAS" elementas leidžia realiuoju laiku kurti grafikus, grafikus, žaidimus, meną ir kitus vaizdinius tinklalapyje.
Galbūt jūs galvojate, kad mes jau galime tai padaryti naudodami "Flash", tačiau tarp CANVAS ir "Flash" yra dviejų pagrindinių skirtumų:
- "CANVAS" elementas yra įdėtas tiesiai į HTML. Skriptai, kuriuose naudojamasi, yra arba HTML, arba susietoje išorinėje byloje. Tai reiškia, kad "CANVAS" elementas yra dokumento objekto modelio dalis arba DOM.
- "Flash" yra įterptas išorinis failas. Jis naudoja elementą EMBED arba OBJECT, kad jis būtų rodomas, ir negali tiesiogiai bendrauti su kitais HTML elementais. Kadangi CANVAS elementas yra DOM dalis, jis gali daugeliu atžvilgių sąveikauti su DOM.
- Pavyzdžiui, galite sukurti animaciją, kuri pasikeičia, kai interakuojasi kai kuri kita puslapio dalis, pvz., Formos elementas yra užpildytas. Naudodami "Flash" daugiausia galėtumėte pradėti Flash filmą ar animaciją, bet su "CANVAS" galite sukurti daugybę skirtingų efektų, net pridėdami tekstą iš formos lauko į animaciją.
- "CANVAS" elementą iš esmės palaiko naršyklės. Kad naudotojai iš tikrųjų naudotų "Flash", jų naršyklėje turi būti įdiegtas įskiepis. Tai dažnai kelia daugumai žmonių dėl senesnio "Flash" įdiegimo ar to, kad jų operacinė sistema tiesiog nepalaiko.
- Tai buvo tas, kad kiekviena naršyklė įdiegė įskiepį, tačiau tai jau nebėra, o daugelis netgi pašalina papildinį dėl sunkumų. Be to, net nėra populiariose "iOS" platformose.
Drobės yra naudingos, net jei niekada planuojate naudoti "Flash"
Viena iš pagrindinių priežasčių, kodėl "CANVAS" elementas yra toks nestabilus, yra tai, kad daugelis dizainerių tapo visiškai statiškais tinklais. Vaizdai gali būti animuoti, bet tai daroma naudojant "GIF", ir, žinoma, galite įterpti vaizdo įrašą į puslapius, bet vėl - tai statinis vaizdo įrašas, kuris sėdi ant puslapio ir galbūt dėl sąveikos pradedamas arba sustabdomas, bet viskas.
"CANVAS" elementas leidžia jums pridėti daug daugiau interaktyvumo į jūsų tinklalapius, nes dabar jūs galite valdyti grafiką, vaizdus ir tekstą dinamiškai su scenarijaus kalba. "CANVAS" elementas padeda paversti atvaizdus, nuotraukas, diagramas ir grafikus animuotuose elementuose.
Kada apsvarstyti "Canvas" elemento naudojimą
Sprendžiant, ar naudoti "CANVAS" elementą, jūsų auditorija turėtų būti jūsų pirmas žingsnis.
Jei jūsų auditorija daugiausia naudoja "Windows XP" ir IE 6, 7 ar 8, tada dinaminio kanalo kūrimas bus beprasmis, nes to naršyklės nepalaiko.
Jei kuriate programą, kuri bus naudojama tik "Windows" mašinose, "Flash" gali būti jūsų geriausias pasirinkimas. "Silverlight" programai gali būti naudinga "Windows" ir "Mac" kompiuteriuose naudojama programa.
Tačiau jei jūsų programa turi būti peržiūrėta mobiliuosiuose įrenginiuose (tiek "Android", tiek "iOS"), taip pat šiuolaikiniams staliniams kompiuteriams (atnaujinama pagal naujausias naršyklės versijas), tada naudojant "CANVAS" elementą yra geras pasirinkimas.
Atminkite, kad naudojant šį elementą galite naudoti atsargines parinktis, pvz., Statinius vaizdus senesnėms naršyklėms, kurios jo nepalaiko.
Vis dėlto nerekomenduojama naudoti HTML5 drobės. Jūs niekada neturėtumėte naudoti to dalykų, pavyzdžiui, savo logotipo, antraštės ar navigacijos (nors jį naudoti, norint išbandyti bet kurią iš jų, būtų gerai).
Pagal specifikaciją turėtumėte naudoti elementus, kurie labiausiai tinka tiems, kuriuos bandote kurti. Taigi, naudodami elementą "HEADER" kartu su vaizdais ir tekstu, pageidaujate, kad jūsų antraštės ir logotipo elementas "CANVAS".
Be to, jei kuriate tinklalapį ar programą, kuri skirta naudoti neinteraktyvią terpę, pvz., Spausdinimą, turėtumėte žinoti, kad dinamiškai atnaujintas "CANVAS" elementas negali spausdinti, kaip tikitės. Galite gauti dabartinio turinio arba atsarginio turinio spausdinimą.