Ky element ka përfitime për teknologji të tjera
HTML5 përfshin një element emocionues të quajtur CANVAS. Ka shumë përdorime, por për ta përdorur atë ju duhet të mësoni disa JavaScript, HTML, dhe nganjëherë CSS.
Kjo e bën elementin CANVAS pak të frikshme për shumë dizajnerë, dhe në fakt, shumica ndoshta do ta injorojnë elementin derisa të ketë mjete të besueshme për të krijuar animacione dhe lojëra CANVAS pa e ditur JavaScript.
Çfarë përdoret për kanavacën HTML5
Elementi HTML5 CANVAS mund të përdoret për shumë gjëra që më parë, ju duhet të përdorni një aplikacion të ngulitur si Flash për të gjeneruar:
- grafika dinamike
- lojra online dhe offline
- animacione
- video interaktive dhe audio
Në fakt, arsyeja kryesore për njerëzit që përdorin elementin CANVAS është për shkak se sa e lehtë është të shndërrojë një faqe të thjeshtë web në një aplikacion dinamik të uebit dhe pastaj ta konvertojë atë aplikacion në një aplikacion mobil për përdorim në smartphones dhe tableta.
Nëse kemi flash, pse duhet tela?
Sipas specifikimit HTML5, elementi CANVAS është:
"... një kanavacë me bitmap të varur nga rezolucioni, i cili mund të përdoret për të bërë grafikë, grafikë lojë, art, apo figura të tjera vizuele".Element CANVAS ju lejon të vizatoni grafika, grafika, lojëra, arti dhe vizatime të tjera në faqen e internetit në kohë reale.
Ju mund të mendoni se ne tashmë mund ta bëjmë atë me Flash, por ka dy dallime të mëdha midis CANVAS dhe Flash:
- Elementi CANVAS është ngulitur drejtë në HTML. Scripts që të nxjerrë në të janë ose në HTML ose në një skedar të jashtëm të lidhur. Kjo do të thotë se elementi CANVAS është pjesë e modelit të objektit të dokumentit, ose DOM.
- Flash është një skedar i jashtëm i ngulitur. Përdor ose elementin EMBED ose OBJECT për t'u shfaqur dhe nuk mund të bashkëveprojë direkt me elementët e tjerë të HTML. Për shkak se elementi CANVAS është pjesë e DOM, ajo mund të ndërveprojë me DOM në shumë mënyra.
- Për shembull, mund të krijosh një animacion që ndryshon kur ndërvepron një pjesë tjetër e faqes - siç është një element i formës që po mbushet. Me Flash, shumica që mund të bësh do të ishte të fillonte filmimin ose animacionin Flash, por me CANVAS ju mund të krijoni shumë efekte të ndryshme, madje edhe duke shtuar tekstin nga fusha e formës në animacion.
- Element CANVAS mbështetet natyrisht nga shfletuesit e internetit. Në mënyrë që përdoruesit të përdorin Flash-in, shfletuesi i tyre duhet të ketë plugin të instaluar. Kjo shpesh është një sherr për shumicën e njerëzve për shkak të instalimeve Flash të vjetruara ose faktit që sistemi i tyre operativ thjesht nuk e mbështet atë.
- Ka qenë që çdo shfletues kishte instaluar plugin, por nuk është më kështu, dhe shumë janë duke hequr plugin për shkak të vështirësive. Plus, nuk është as në dispozicion në platformën popullore të iOS.
Canvas është e dobishme Edhe nëse nuk keni planifikuar të përdorni Flash
Një nga arsyet kryesore pse elementi CANVAS është kaq konfuze është se shumë dizajnerë janë përdorur për një rrjet tërësisht statik. Imazhet mund të animohen, por kjo është bërë me GIF, dhe natyrisht që mund të vendosni video në faqe, por përsëri, është një video statike që thjesht ulet në faqe dhe ndoshta fillon ose ndalet për shkak të ndërveprimit, por kjo është e gjitha.
Element CANVAS ju lejon të shtoni aq shumë interaktivitet në faqet tuaja të internetit, sepse tani ju mund të kontrolloni grafikë, imazhe dhe tekst në mënyrë dinamike me një gjuhë të shkruar. Element CANVAS ju ndihmon të ktheni imazhet, fotot, diagramet dhe grafikët në elementë të animuar.
Kur të shqyrtojmë përdorimin e elementit të kanavacës
Audienca juaj duhet të jetë konsiderata juaj e parë kur vendosni nëse do të përdorni elementin CANVAS.
Nëse publiku juaj është kryesisht duke përdorur Windows XP dhe IE 6, 7 ose 8, atëherë krijimi i një veçori të kanavacës dinamike do të jetë e pakuptimtë pasi ato shfletues nuk e mbështesin atë.
Nëse po ndërton një aplikacion që do të përdoret vetëm në makinat e Windows, atëherë Flash mund të jetë bastja juaj më e mirë. Një aplikacion që do të përdoret në kompjuterët Windows dhe Mac mund të përfitojë nga një aplikacion i Silverlight.
Megjithatë, nëse aplikacioni juaj duhet të shihet në pajisjet mobile (si Android dhe iOS), ashtu edhe kompjuterë desktopë moderne (përditësohen në versionet më të fundit të shfletuesit), atëherë përdorimi i elementit CANVAS është një zgjedhje e mirë.
Mbani në mend se duke përdorur këtë element ju lejon të keni mundësi rezervë si imazhe statike për shfletuesit më të vjetër që nuk e mbështesin atë.
Sidoqoftë, nuk rekomandohet përdorimi i kanalit HTML5 për çdo gjë. Ju kurrë nuk duhet ta përdorni atë për gjëra të tilla si logoja, titulli ose navigimi juaj (edhe pse duke përdorur atë për të animuar një pjesë të ndonjë prej këtyre do të ishte mirë).
Sipas specifikimit, ju duhet të përdorni elementet që janë më të përshtatshmet për atë që po përpiqeni të ndërtoni. Pra, duke përdorur elementin HEADER së bashku me imazhet dhe teksti është i preferuar për elementin CANVAS për kokën dhe logon tuaj.
Gjithashtu, nëse po krijon një faqe interneti ose një aplikacion që është menduar të përdoret në një medium jo-interaktive si shtypja, duhet të jeni të vetëdijshëm se elementi CANVAS që është përditësuar në mënyrë dinamike nuk mund të shtypet siç prisni. Ju mund të merrni një shtyp të përmbajtjes aktuale ose të përmbajtjes fallback.