Kini nga Elemento adunay mga kaayohan sa uban pang teknolohiya
Ang HTML5 naglakip sa usa ka kulbahinam nga elemento nga gitawag CANVAS. Kini adunay daghan nga mga gamit, apan aron gamiton kini kinahanglan ka nga magkat-on og pipila ka JavaScript, HTML, ug usahay CSS.
Kini naghimo sa elemento sa CANVAS nga makahadlok kaayo sa daghang mga tigdesinyo, ug sa pagkatinuod, kadaghanan lagmit nga dili manumbaling sa elemento hangtud nga adunay kasaligang mga himan aron sa paghimo sa mga animation ug mga dula sa CANV nga walay kahibalo sa JavaScript.
Kon Unsay Gigamit sa mga Canvas sa HTML5
Ang elemento sa HTML5 nga CANVAS mahimong gamiton alang sa daghang mga butang nga kaniadto, kinahanglan nimo nga gamiton ang usa ka embedded application sama sa Flash aron makamugna:
- dinamikong mga hulagway
- online ug offline nga mga dula
- mga animation
- interactive nga video ug audio
Sa pagkatinuod, ang nag-unang rason nga gigamit sa mga tawo ang elemento sa CANVAS tungod sa sayon nga pagbalhin sa yano nga web page ngadto sa usa ka dinamikong aplikasyon sa web ug dayon i-convert kana nga aplikasyon ngadto sa usa ka mobile app nga gamiton sa mga smartphone ug tablet.
Kon Kita Adunay Flash, Nganong Kinahanglan Nato ang mga Canvas?
Sumala sa paghubit sa HTML5, ang elemento sa CANVAS mao:
"... usa ka laraw nga nagsalig sa bitmap, nga mahimo gamiton alang sa paghubad sa mga graph, game graphics, art, o uban pang mga biswal nga mga litrato sa langaw."Ang elemento sa CANVAS nagtugot kanimo sa paghulagway sa mga graph, graphic, mga dula, arte, ug uban pang mga biswal diha mismo sa web page sa tinuod nga panahon.
Tingali naghunahuna ka nga mahimo na namong buhaton kana sa Flash, apan adunay duha ka dagkong kalainan tali sa CANVAS ug Flash:
- Ang elemento sa CANVAS gilakip diha mismo sa HTML. Ang mga script nga nag-drawing niini anaa sa HTML o sa usa ka nalambigit nga external nga file. Kini nagpasabot nga ang elemento sa CANVAS kabahin sa dokumento nga object model, o DOM.
- Ang flash usa ka embedded external file. Gigamit niini ang bisan unsang EMBED o ang OBJECT nga elemento nga gipakita, ug dili mahimong direkta nga makig-uban sa ubang mga elemento sa HTML. Tungod kay ang elemento sa CANVAS kabahin sa DOM, kini makapakigsulti sa DOM sa daghang paagi.
- Pananglitan, mahimo ka nga maghimo og usa ka animation nga mausab kung ang ubang bahin sa panid ma-interacted - sama sa usa ka elemento nga napuno sa usa ka elemento. Sa Flash, ang labing mahimo nimo mahimo mao ang pagsugod sa Flash movie o animation, apan uban sa CANVAS makahimo ka og daghang lain-laing mga epekto, bisan ang pagdugang sa teksto gikan sa field sa porma ngadto sa animation.
- Ang elemento sa CANVAS gisuportahan sa mga web browsers. Aron ang mga tiggamit sa aktwal nga mogamit sa Flash, ang ilang browser kinahanglan nga makabutang ang plugin. Kini sa kasagaran usa ka problema sa kadaghanan tungod sa mga outdated Flash installs o sa kamatuoran nga ang ilang operating system wala mosuporta niini.
- Kini kaniadto nga ang matag browser adunay instalar nga plugin, apan dili na kini mao ang kaso, ug daghan pa ang nagwagtang sa plugin tungod sa mga kalisud. Dugang pa, kini dili gani makagamit sa popular nga platform sa iOS.
Mapuslanon ang Canvas Bisan Kon Wala Ka Magplano nga Magamit ang Flash
Usa sa mga nag-unang rason ngano nga ang elemento sa CANVAS mao ang makalibog mao nga daghang mga tigdisenyo ang gigamit sa usa ka hingpit nga static nga web. Ang mga hulagway mahimo nga maimpluwensyahan, apan kini gihimo sa GIF, ug siyempre mahimo nimong i-embed ang video ngadto sa mga panid apan pag-usab, kini usa ka static nga video nga nagalingkod lamang sa panid ug tingali nagsugod o mihunong tungod sa interaksiyon, apan ingon niana.
Ang elemento sa CANVAS nagtugot kanimo nga makadugang sa sobra nga interactivity sa imong mga web pages tungod kay karon makontrol nimo ang mga hulagway, mga hulagway, ug teksto nga dinamikong gamit ang scripting nga pinulongan. Ang elemento sa CANVAS makatabang kanimo nga mabag-o ang mga hulagway, mga litrato, tsart, ug mga graph sa mga elemento sa mga animated.
Kon Kanus-an nga Paggamit sa Elemento sa Canvas
Ang imong mga tigpaminaw kinahanglan mao ang imong una nga konsiderasyon sa dihang magdesisyon nga magamit ang elemento sa CANVAS.
Kon ang imong mga tigpaminaw nag-una sa paggamit sa Windows XP ug IE 6, 7, o 8, unya ang pagmugna og usa ka dynamic nga feature sa canvas mahimong walay kapuslanan tungod kay kini nga mga browser wala mosuporta niini.
Kung nagtukod ka ug usa ka aplikasyon nga gamiton lamang sa mga makina sa Windows, nan ang Flash mahimong imong labing maayo nga pusta. Ang usa ka aplikasyon nga gigamit sa mga kompyuter sa Windows ug Mac makabenepisyo gikan sa usa ka aplikasyon sa Silverlight.
Apan, kung ang imong aplikasyon kinahanglan nga tan-awon sa mga mobile device (sa Android ug iOS) ingon man usab sa modernong mga computer sa desktop (gi-update sa labing bag-ong mga bersyon sa browser), unya ang paggamit sa elemento sa CANVAS usa ka maayong pagpili.
Hinumdomi nga ang paggamit niini nga elemento nagtugot kanimo nga adunay mga kapilian sa fallback sama sa static nga mga larawan alang sa mga daan nga mga browser nga wala magsuporta niini.
Apan, dili girekomendar ang paggamit sa HTML5 canvas alang sa tanan. Kinahanglan nga dili nimo gamiton kini alang sa mga butang sama sa imong logo, ulohan, o pag-navigate (bisan tuod gamiton kini aron makagama ang usa ka bahin sa bisan unsa niini maayo).
Sumala sa paghingalan, kinahanglan nimo gamiton ang mga elemento nga labing angay alang sa unsay imong gipaningkamutan nga tukuron. Busa ang paggamit sa elemento sa HEADER uban sa mga imahe ug teksto mas maayo sa elemento sa CANVAS alang sa imong header ug logo.
Usab, kon ikaw nagmugna sa usa ka web page o aplikasyon nga gituyo nga gamiton sa usa ka non-interactive nga medium sama sa pag-imprinta, kinahanglan nga imong nahibal-an nga ang elemento sa CANVAS nga dinamikong na-update mahimong dili ma-print sama sa imong gipaabut. Mahimo ka makakuha sa usa ka imprenta sa kasamtangan nga unod o sa kausaban sa sulod.