Ang Element na ito ay May Mga Benepisyo sa Iba Pa Teknolohiya
Kasama sa HTML5 ang isang kapana-panabik na elemento na tinatawag na CANVAS. Ito ay may maraming mga paggamit, ngunit upang magamit ito kailangan mong malaman ang ilang mga JavaScript, HTML, at kung minsan CSS.
Ginagawa nito ang elemento ng CANVAS ng kaunting nakakatakot para sa maraming mga designer, at sa katunayan, karamihan ay malamang na huwag pansinin ang elemento hanggang may mga maaasahang tool upang lumikha ng mga animation ng CANVAS at mga laro nang hindi alam ang JavaScript.
Ano ang Ginamit ng HTML5 Canvas
Ang elemento ng HTML5 CANVAS ay maaaring gamitin para sa maraming mga bagay na dati, kailangan mong gumamit ng naka-embed na application tulad ng Flash upang makabuo ng:
- dynamic na graphics
- online at offline na mga laro
- mga animation
- interactive na video at audio
Sa katunayan, ang pangunahing dahilan kung bakit ginagamit ng mga tao ang elemento ng CANVAS ay dahil sa kung gaano kadali upang i-plain ang isang web page sa isang dynamic na web application at pagkatapos ay i-convert ang application na iyon sa isang mobile app para magamit sa mga smartphone at tablet.
Kung Magkaroon kami ng Flash, Bakit Kailangan namin ang Canvas?
Ayon sa pagtutukoy ng HTML5, ang elementong CANVAS ay:
"... isang umaasa sa resolution na bitmap canvas, na maaaring magamit para sa mga graph ng pag-render, graphics ng laro, sining, o iba pang mga visual na imahe sa mabilisang."Hinahayaan ka ng elemento ng CANVAS na gumuhit ka ng mga graph, graphics, laro, art, at iba pang mga visual mismo sa web page sa real time.
Maaaring iniisip mo na magagawa na namin iyon sa Flash, ngunit may dalawang pangunahing pagkakaiba sa pagitan ng CANVAS at Flash:
- Ang elemento ng CANVAS ay naka-embed sa kanan sa HTML. Ang mga script na gumagalaw dito ay alinman sa HTML o sa naka-link na panlabas na file. Nangangahulugan ito na ang elementong CANVAS ay bahagi ng modelo ng object ng dokumento, o DOM.
- Flash ay naka-embed na panlabas na file. Ginagamit nito ang alinman sa EMBED o ang elementong OBJECT upang ipakita, at hindi maaaring direktang makipag-ugnay sa iba pang mga elemento ng HTML. Dahil ang elemento ng CANVAS ay bahagi ng DOM, maaari itong makipag-ugnayan sa DOM sa maraming paraan.
- Halimbawa, maaari kang lumikha ng isang animation na nagbabago kapag ang iba pang bahagi ng pahina ay nakikipag-ugnayan - tulad ng isang elemento ng form na napunan. Sa Flash, ang pinaka magagawa mo ay upang simulan ang Flash na pelikula o animation, ngunit sa CANVAS maaari kang lumikha ng maraming iba't ibang mga epekto, kahit na idaragdag ang teksto mula sa field ng form sa animation.
- Ang elemento ng CANVAS ay natively na sinusuportahan ng mga web browser. Upang ang mga gumagamit ay aktwal na gumamit ng Flash, dapat na naka-install ang plugin sa kanilang browser. Ito ay kadalasang isang abala para sa karamihan ng mga tao dahil sa hindi napapanahon na mga pag-install ng Flash o ang katunayan na ang kanilang operating system ay hindi lamang sinusuportahan ito.
- Ginamit nito na ang bawat browser ay may naka-install na plugin, ngunit hindi na iyon ang kaso, at marami pa ring nag-aalis ng plugin dahil sa mga kahirapan. Dagdag pa, hindi ito available sa popular na platform ng iOS.
Ang Canvas ay Kapaki-pakinabang Kahit Kung Hindi Ka Nagplano na Gumamit ng Flash
Isa sa mga pangunahing dahilan kung bakit ang elemento ng CANVAS ay nakalilito na maraming mga designer ang naging ginagamit sa isang ganap na static na web. Maaaring i-animated ang mga imahe, ngunit tapos na sa GIF, at siyempre maaari mong i-embed ang video sa mga pahina ngunit muli, ito ay isang static na video na nakaupo lang sa pahina at maaaring nagsisimula o huminto dahil sa pakikipag-ugnayan, ngunit iyan lang.
Ang elemento ng CANVAS ay nagbibigay-daan sa iyo upang magdagdag ng higit na interactivity sa iyong mga web page dahil ngayon maaari mong kontrolin ang graphics, imahe, at teksto ng dynamic na may scripting wika. Ang elemento ng CANVAS ay tumutulong sa iyo na maging mga larawan, larawan, tsart, at mga graph sa mga animated na elemento.
Kailan Mag-isipan ang Paggamit ng Elemento ng Canvas
Ang iyong tagapakinig ay dapat na iyong unang pagsasaalang-alang kapag nagpapasya kung gagamitin ang elemento ng CANVAS.
Kung ang iyong madla ay pangunahing gumagamit ng Windows XP at IE 6, 7, o 8, ang paggawa ng isang dynamic na tampok na canvas ay walang kabuluhan dahil hindi sinusuportahan ito ng mga browser na iyon.
Kung ikaw ay nagtatayo ng isang application na gagamitin sa Windows machine lamang, pagkatapos Flash ay maaaring ang iyong pinakamahusay na mapagpipilian. Ang isang application na gagamitin sa Windows at Mac computer ay maaaring makinabang mula sa isang application na Silverlight.
Gayunpaman, kung ang iyong application ay kailangang matingnan sa mga mobile device (parehong Android at iOS) pati na rin ang mga modernong desktop computer (na-update sa mga pinakabagong bersyon ng browser), pagkatapos ay ang paggamit ng elemento ng CANVAS ay isang mahusay na pagpipilian.
Tandaan na ang paggamit ng elementong ito ay nagpapahintulot sa iyo na magkaroon ng mga pagpipilian sa fallback tulad ng mga static na larawan para sa mas lumang mga browser na hindi sumusuporta dito.
Gayunpaman, hindi inirerekumenda na gamitin ang HTML5 canvas para sa lahat. Hindi mo dapat gamitin ito para sa mga bagay tulad ng iyong logo, headline, o nabigasyon (bagaman ginagamit ito upang bigyang-buhay ang isang bahagi ng alinman sa mga ito ay magiging pinong).
Ayon sa detalye, dapat mong gamitin ang mga elemento na pinaka-angkop para sa kung ano ang sinusubukan mong itayo. Kaya ang paggamit ng elemento ng HEADER kasama ang mga imahe at teksto ay lalong kanais-nais sa elemento ng CANVAS para sa iyong header at logo.
Gayundin, kung ikaw ay lumilikha ng isang web page o application na nilayon upang magamit sa isang di-interactive medium tulad ng pag-print, dapat mong malaman na ang CANVAS element na na-dynamic na-update ay maaaring hindi naka-print tulad ng iyong inaasahan. Maaari kang makakuha ng isang print ng kasalukuyang nilalaman o ng nilalaman ng fallback.