Þessi þáttur hefur hagur yfir aðra tækni
HTML5 inniheldur spennandi þáttur sem heitir CANVAS. Það hefur mikla notkun, en til þess að nota það þarftu að læra JavaScript, HTML og stundum CSS.
Þetta gerir CANVAS þátturinn svolítið skelfilegur fyrir marga hönnuði og í raun munu flestir líklega hunsa þáttinn þar til það eru áreiðanlegar verkfæri til að búa til CANVAS hreyfimyndir og leiki án þess að vita JavaScript.
Hvað HTML5 Canvas er notað til
HTML5 CANVAS þátturinn er hægt að nota fyrir margt sem áður, þú þurfti að nota embed forrit eins og Flash til að búa til:
- dynamic grafík
- online og offline leiki
- hreyfimyndir
- gagnvirkt vídeó og hljóð
Reyndar er helsta ástæðan fyrir því að fólk notar CANVAS þáttinn vegna þess hversu auðvelt það er að breyta látlausri vefsíðu inn í beinan vefur umsókn og þá umbreyta því forriti í farsímaforrit til notkunar á snjallsímum og töflum.
Ef við höfum Flash, af hverju þurfum við Canvas?
Samkvæmt HTML5 forskriftinni er CANVAS þátturinn:
"... upplausn-háð punktamynd striga, sem hægt er að nota til að búa til línurit, leikur grafík, list eða aðrar sjónrænar myndir á flugu."CANVAS þátturinn gerir þér kleift að teikna myndir, grafík, leiki, list og aðrar myndir á vefsíðu á rauntíma.
Þú gætir hugsað að við getum nú þegar gert það með Flash, en það eru tvær helstu munur á CANVAS og Flash:
- CANVAS þátturinn er embed in rétt í HTML. Handritin sem draga á það eru annað hvort í HTML eða í tengdum utanaðkomandi skrá. Þetta þýðir að CANVAS þátturinn er hluti af skjal mótmæla líkaninu, eða DOM.
- Flash er embed in external file. Það notar annaðhvort EMBED eða OBJECT þáttinn til að sýna og getur ekki haft samskipti beint við aðrar HTML þættir. Vegna þess að CANVAS þátturinn er hluti af DOM, getur það haft samskipti við DOM á marga vegu.
- Til dæmis gætir þú búið til hreyfimynd sem breytist þegar einhver annar hluti af síðunni er samskipti við - svo sem formhluta sem fyllt er inn. Með Flash er það sem mest gæti gert til að hefja Flash kvikmyndina eða hreyfimyndirnar, en með CANVAS þú getur búið til margar mismunandi áhrif, jafnvel að bæta texta úr formasvæðinu í hreyfimyndina.
- CANVAS þátturinn er niðursettur af vefur flettitæki. Til þess að notendur geti raunverulega notað Flash, verður vafrinn þinn að hafa uppsetningarforritið sett upp. Þetta er oft þræta fyrir fólk vegna þess að gamaldags Flash-uppsetningar eða sú staðreynd að stýrikerfið einfaldlega styður það ekki.
- Það var alltaf að allir vafrar höfðu tappann sett upp, en það er ekki lengur raunin, og margir eru jafnvel að fjarlægja tappann vegna erfiðleika. Auk þess er það ekki einu sinni í boði á vinsælustu IOS vettvangi.
Canvas er gagnlegt, jafnvel ef þú hefur aldrei áætlað að nota Flash
Ein helsta ástæðan fyrir því að CANVAS þátturinn er svo ruglingslegt er að margir hönnuðir hafa orðið notaðir við algerlega truflanir vefur. Myndir geta verið hreyfimyndir, en það er gert með GIF og auðvitað geturðu embed in vídeó á síður en aftur er það truflun myndband sem einfaldlega situr á síðunni og kannski byrjar eða hættir vegna samspils, en það er allt.
CANVAS þátturinn gerir þér kleift að bæta svo miklu meiri gagnvirkni við vefsíðurnar þínar vegna þess að nú er hægt að stjórna grafíkum, myndum og texta virkilega með forskriftarþarfir. CANVAS þátturinn hjálpar þér að breyta myndum, myndum, töflum og myndum í hreyfimyndir.
Hvenær á að íhuga að nota Canvas Element
Áhorfendur þínir ættu að vera fyrst í huga þegar þeir ákveða hvort nota skal CANVAS frumefni.
Ef áhorfendur þínir eru fyrst og fremst að nota Windows XP og IE 6, 7 eða 8, þá er búið að búa til öflugan strigaþætti að vera tilgangslaus þar sem þessar vélar styðja ekki það.
Ef þú ert að byggja upp forrit sem verður aðeins notað á Windows vélum, þá gæti Flash verið besti veðmálið þitt. Forrit sem nota á Windows og Mac tölvur gætu notið góðs af Silverlight umsókn.
Hins vegar, ef umsóknin þín þarf að skoða á farsímum (bæði Android og IOS) auk nútíma skrifborðs tölvu (uppfærð í nýjustu útgáfur vafrans), þá er hægt að nota CANVAS frumefni sem er gott val.
Hafðu í huga að með því að nota þennan þátt geturðu valið valkosti eins og truflanir myndir fyrir eldri vafra sem styðja það ekki.
Hins vegar er ekki mælt með því að nota HTML5 striga fyrir allt. Þú ættir aldrei að nota það fyrir hluti eins og lógóið þitt, fyrirsögn eða flakk (þó að nota það til að laga hluta af einhverju þessara væri það fínt).
Samkvæmt skilgreiningunni ættirðu að nota þá þætti sem henta best fyrir það sem þú ert að reyna að byggja upp. Þannig að nota HEADER frumefni ásamt myndum og texta er æskilegt fyrir CANVAS frumefni fyrir haus og lógó.
Einnig, ef þú ert að búa til vefsíðu eða forrit sem er ætlað að nota á óvirku miðli eins og prentun, ættir þú að vera meðvitaður um að CANVAS þátturinn sem hefur verið endurnýjaður gæti ekki prentað eins og þú átt von á. Þú gætir fengið prenta af núverandi efni eða innihaldsefninu.