Eleman sa a gen benefis pase lòt teknoloji
HTML5 gen ladan yon eleman enteresan ki rele CANVAS. Li te gen anpil itilizasyon, men yo nan lòd yo sèvi ak li ou bezwen aprann kèk JavaScript, HTML, epi pafwa CSS.
Sa a fè eleman nan CANVAS yon ti jan redoutable pou konsèpteur anpil, ak nan reyalite, pi pwobableman inyore eleman an jiskaske gen zouti serye yo kreye animasyon CANVAS ak jwèt san yo pa konnen JavaScript.
Ki HTML5 Canvas ki itilize pou
Eleman HTML5 CANVAS la ka itilize pou anpil bagay ki deja, ou te gen pou itilize yon aplikasyon entegre tankou Flash pou jenere:
- grafik dinamik
- jwèt sou entènèt ak offline
- Animations
- videyo entèaktif ak odyo
An reyalite, rezon ki fè prensipal moun yo itilize eleman nan CANVAS se paske nan ki jan fasil li se yo vire yon paj entènèt plenn nan yon aplikasyon entènèt dinamik ak Lè sa a, konvèti aplikasyon sa a nan yon app mobil pou itilize sou smartphones ak tablèt.
Si nou gen Flash, poukisa nou bezwen kanva?
Selon espesifikasyon HTML5, eleman CANVAS la se:
"... yon rezolisyon depandan bitmap twal, ki ka itilize pou rann graf, grafik jwèt, atizay, oswa lòt imaj vizyèl sou vole a."Eleman nan CANVAS pèmèt ou trase graf, grafik, jwèt, atizay, ak lòt vizyèl dwa sou paj wèb la nan tan reyèl.
Ou ta ka panse ke nou ka deja fè sa ak Flash, men gen de diferans enpòtan ant CANVAS ak Flash:
- Se eleman CANVAS an entegre dwa nan HTML la. Scripts yo ki trase sou li yo se swa nan HTML la oswa nan yon dosye lye ekstèn. Sa vle di eleman CANVAS la se yon pati nan modèl la objè dokiman, oswa Dom.
- Flash se yon dosye ekstèn entegre. Li itilize swa EMBED la oswa eleman OBJECT la yo montre, epi yo pa ka kominike dirèkteman ak eleman yo HTML lòt. Paske eleman CANVAS la se yon pati nan Dom la, li ka kominike avèk Dom a nan plizyè fason.
- Pou egzanp, ou ta ka kreye yon animasyon ki chanje lè gen kèk lòt pati nan paj la interagir avèk - tankou yon eleman fòm ki te ranpli nan. Avèk Flash, pi plis nan ou ta ka fè ta dwe kòmanse fim nan Flash oswa animasyon, men ak CANVAS ou ta ka kreye anpil efè diferan, menm ajoute tèks la nan jaden an fòm nan animasyon an.
- Se eleman nan CANVAS ki natif natal sipòte pa navigatè entènèt. Nan lòd pou itilizatè yo aktyèlman itilize Flash, navigatè yo dwe gen Plugin la enstale. Sa a se souvan yon konplikasyon pou pifò moun akòz enstale Flash demode oswa lefèt ke sistèm opere yo tou senpleman pa sipòte li.
- Li te itilize yo dwe ke chak navigatè te gen Plugin la enstale, men sa a pa gen okenn ankò ka a, ak anpil yo menm yo retire ploge nan akòz difikilte. Plus, li pa menm disponib sou platfòm la iOS popilè.
Kanva se itil menm si ou pa janm planifye pou itilize Flash
Youn nan rezon prensipal poukisa eleman CANVAS la se konsa konfizyon se ke anpil konsèpteur yo te vin itilize nan yon sit entènèt konplètman estatik. Imaj ka anime, men sa a fè ak GIF, ak nan kou ou ka embedded videyo nan paj men ankò, li nan yon videyo estatik ki tou senpleman chita sou paj la e petèt kòmanse oswa sispann akòz entèraksyon, men sa a tout.
Eleman nan CANVAS pèmèt ou ajoute pi plis entèaktivite nan paj wèb ou paske kounye a ou ka kontwole grafik yo, imaj, ak tèks dynamics ak yon lang scripting. Eleman nan CANVAS ede ou vire imaj, foto, tablo, ak graf nan eleman anime.
Lè yo Konsidere sèvi ak eleman nan kanva
Odyans ou ta dwe premye konsiderasyon ou lè w ap deside si ou vle sèvi ak eleman CANVAS la.
Si odyans ou se sitou lè l sèvi avèk Windows XP ak IE 6, 7, oswa 8, Lè sa a, kreye yon karakteristik twal dinamik ki pral yo initil depi sa yo navigatè pa sipòte li.
Si ou ap bati yon aplikasyon ke yo pral itilize sou Windows machin sèlman, Lè sa a, Flash ta ka pi bon parye ou. Yon aplikasyon pou itilize sou Windows ak Mac òdinatè ka benefisye de yon aplikasyon Silverlight.
Sepandan, si aplikasyon ou bezwen yo dwe wè sou aparèy mobil (tou de andwad ak iOS) kòm byen ke òdinatè Desktop modèn (mete ajou vèsyon yo navigatè dènye), Lè sa a, lè l sèvi avèk eleman nan CANVAS se yon bon chwa.
Kenbe nan tèt ou ke lè l sèvi avèk eleman sa a pèmèt ou gen opsyon fallback tankou imaj estatik pou pi gran navigatè ki pa sipòte li.
Sepandan, li pa rekòmande yo itilize HTML5 twal pou tout bagay. Ou pa ta dwe janm sèvi ak li pou bagay sa yo tankou logo ou, tit, oswa navigasyon (byenke lè l sèvi avèk li nan enkouraje yon pòsyon nan nenpòt nan sa yo ta bon.).
Dapre spesifikasyon la, ou ta dwe itilize eleman ki pi apwopriye pou sa ou ap eseye bati. Se konsa, lè l sèvi avèk eleman an HEADER ansanm ak imaj ak tèks pi preferab eleman nan CANVAS pou header ou ak logo.
Epitou, si w ap kreye yon paj wèb oswa aplikasyon ki fèt pou itilize nan yon mwayen ki pa entèaktif tankou enprime, ou ta dwe konnen ke eleman CANVAS la ki te dinamik mete ajou pa ka enprime jan ou espere. Ou ta ka jwenn yon enprime nan kontni aktyèl la oswa nan kontni an falbak.