Elementu honek beste teknologia batzuen abantailak ditu
HTML5k CANVAS izeneko elementu zirraragarria biltzen du. Erabilerak asko ditu, baina erabili ahal izateko JavaScript, HTML eta batzuetan CSS batzuk ikasi behar dituzu.
Honek CANVAS elementua diseinatzaile askorentzat apur bat gogorra bihurtzen du, eta, egia esateko, ziurrenik gehienak elementua baztertuko lukete, jolasa ezagutu gabe CANVAS animazioak eta jolasak sortzeko tresna fidagarriak egon arte.
Zer HTML5 Canvas erabiltzen da
HTML5 CANVAS elementua aurrez aldez aurretik erabil daitekeen gauza asko erabili ahal izango dituzu, hala nola, Flash gisa sortutako aplikazio txertatu bat sortzeko:
- grafiko dinamikoak
- lineako eta lineaz kanpoko jokoak
- animazioak
- bideo eta audio interaktiboa
Izan ere, CANVAS elementua erabiltzen duten arrazoi nagusiengatik, web orri arrunta web aplikazio dinamiko bihurtzeko erraza da eta, gero, aplikazioa mugikorreko aplikaziora bihurtu da smartphone eta piluletan erabiltzeko.
Flash badugu, zergatik behar dugu lona?
HTML5 espezifikazioaren arabera, CANVAS elementua hau da:
"... ebazpeneko menpeko bitmapen mihiseak, grafika, jokoaren grafikoak, artea edo beste irudi bisual batzuk errendatzeko erabil daiteke."CANVAS elementu grafikoak, grafikoak, jokoak, artea eta bestelako irudiak marraztu ditzakezu zuzenean web orrialdean denbora errealean.
Dagoeneko badugu Flasharekin pentsatzen, baina CANVAS eta Flashren arteko bi diferentzia nagusiak daude:
- CANVAS elementua HTML barruan txertatuta dago. Bertan marrazten dituzten geziak HTML edo estekatutako kanpoko fitxategi batean daude. Horrek esan nahi du CANVAS elementua dokumentuaren objektu ereduaren zati bat edo DOM da.
- Flash kanpoko fitxategi kapsulatua da. EMBED edo OBJECT elementua bistaratzeko erabiltzen du, eta ezin du zuzenean beste HTML elementuekin elkarreragiten. CANVAS elementua DOM delakoan, DOMekin modu interaktiboan elkarrekintzan dabil.
- Esate baterako, orriaren beste zati bat elkarreraginean aldatzen duen animazio bat sor dezakezu, adibidez, inprimaki-elementu bat betetzen ari den bitartean. Flashren bidez, gehien egin dezakezu Flash film edo animazioa abiarazteko. CANVAS hainbat efektu sor ditzakezu, nahiz eta testua inprimaki eremuan animazioa sartu.
- CANVAS elementua natively onartzen da web arakatzaileek. Flash-ekin erabiltzeko erabiltzaileentzat, nabigatzaileak plugin-ak instalatu behar ditu. Hau askotan izaten da jende gehiena, Flash instalazio zaharkituak direla eta sistema eragileek ez dutela onartzen.
- Nabigatzaile guztiek plugina instalatuta eduki zuten, baina hori ez da kasua, eta asko zailtasunengatik plugina kentzen ari dira. Gainera, ez dago erabilgarri iOS plataforman ere.
Canvas erabilgarria da, nahiz eta inoiz ez duzu Flash erabiltzeko asmoa
CANVAS elementua hain nahasgarria den arrazoi nagusietako bat da diseinatzaile askok sare estatikoa erabiltzen dutela. Irudiak animatu egin daitezke, baina hori GIFekin egiten da eta, jakina, orrialdeetan bideoa kapsula dezakezu berriro ere, orrialdean eseri ohi den bideo estatikoa da eta, agian, elkarreraginaren ondorioz hasten edo gelditzen da, baina hori guztia da.
CANVAS elementuak zure web orrietan interaktibotasun askoz gehiago gehitzeko aukera ematen du, grafikoek, irudiak eta testuak modu dinamikoan kontrolatzen dituztelako. CANVAS elementuak irudi, argazki, grafiko eta grafiko bihurtzen laguntzen dizu elementu animatuetan.
Canvas Element erabiltzea kontuan hartuta
Zure audientzia zure lehen kontuan hartu behar da CANVAS elementua erabili ala ez erabakitzeko.
Zure audientziak batez ere Windows XP eta IE 6, 7 edo 8 erabiltzen baditu, orduan mihise dinamikaren eginbidea ezinezkoa izango da arakatzaileek ez dutelako onartzen.
Windows makina soilik erabiliko den aplikazio bat eraikitzen ari bazara, Flash zure apustua onena izan liteke. Windows eta Mac ordenagailuetan erabiliko den aplikazio batek Silverlight aplikazioa onu ditzake.
Hala ere, zure aplikazioak gailu mugikorretan (Android eta iOS bezalakoak) eta mahai gaineko ordenagailu modernoenak (egungo arakatzailearen bertsio berrietara eguneratu behar diren) ikusi behar baditu, CANVAS elementua erabiliz aukera ona da.
Gogoan izan elementu hau erabiltzea onartzen duten ez diren nabigatzaile zaharragoak bezalako irudi estatikoa bezalako alternatiboak izatea.
Hala ere, ez da HTML5 oihala erabiltzeko gomendagarria dena. Ez zenuke inoiz erabili behar zure logotipoa, izenburua edo nabigazioa bezalakoak direnik (nahiz eta hori erabili horietako zati bat animatu, ondo egongo litzateke).
Espezifikazioaren arabera, eraikitzen saiatzen ari zarenaren arabera egokienak diren elementuak erabili behar dituzu. Beraz, HEADER elementua irudiekin eta testuan erabiliz gero, goiburuan eta logotipoaren CANVAS elementuan hobe da.
Gainera, inprimatzeko bezalako ertain ez-interaktiboan erabiltzeko diseinatutako web orri edo aplikazio bat sortzen ari bazara, jakina izan behar duzu eguneratutako dinamikoki eguneratutako CANVAS elementuak ezin duela espero bezala inprimatu. Uneko edukia edo errekuperazioko edukia inprimatuta lor dezakezu.