Hāʻawi kēia kumuhana i nā pono no nā mea'ē aʻe
Loaʻaʻo HTML5 i kahi mea hoʻohanohano i kapaʻia CANVAS. Nui nā hoʻohanaʻana, akā no ka hoʻohanaʻana ia mea he ponoʻoe e aʻo i kekahi JavaScript, HTML, a i kekahi manawa CSS.
Hiki i kēia ke hoʻololi i kahi mea CANVAS i mea hoʻonāukiuki no nā mea haipule a nui loa, aʻo ka meaʻoiaʻiʻo, hiki paha i ka hapanui ke hoʻokuʻu i ke kiʻina a loaʻa nā mea pono e hana i nā animation a me nā pāʻani CANVAS me kaʻikeʻole i ka JavaScript.
Ke hoʻohanaʻia neiʻo Canvas i no ka
Hiki ke hoʻohanaʻia ka waehana HTML5 CANVAS no ka nui o nā mea i hana mua, ponoʻoe e hoʻohana i kahi noi i hoʻopiliʻia e like me Flash e hana ai:
- nā kiʻi uila
- nā'ōnaewele pūnaewele a me nā pūnaewele kūʻokoʻa
- wikiwiki
- nā wikiō pāʻani a me nā leo
ʻO kaʻoiaʻiʻo,ʻo ke kumu nui e hoʻohana ai nā kānaka i ke kumu CANVAS ma muli o ka maʻalahi o ka huliʻana i kahi pūnaewele pūnaewele i loko o kahi pūnaewele pūnaewele ikaika a laila hoʻololi i kēlā palapala i kahi polokalamu kelepona no ka hoʻohanaʻana ma nā smartphones a me nā papa.
Inā he ula iā mākou, no ke aha mākou e pono ai ke kāwili?
E like me ka helu HTML5,ʻo ka wae CANVAS:
"... he kāpili māmā ma luna o ka bitmap, hiki ke hoʻohanaʻia no ka hanaʻana i nā kiʻi, nā kiʻi kiʻi kiʻi,ʻoihana, a iʻole nā kiʻi kiʻi'ē aʻe i ka lele."Hiki iāʻoe ke kaha kiʻi i nā kiʻi, nā kiʻikuhi, nā pāʻani, nāʻoihana, a me nā kiʻi'ē aʻe ma ka pūnaewele i ka manawa maoli.
Hiki paha iāʻoe ke manaʻo e hiki iā mākou ke hana i kēia me Flash, akāʻelua mauʻokoʻa ma waena o CANVAS a me Flash:
- Ua hoʻokomo ponoʻia kaʻene CANVAS ma ka HTML. ʻO nā hōʻailona e kahakiʻi ma luna o ia mea aia ma ka HTML a iʻole i kahi pūnaewele waho i pili. ʻO kēia keʻano o ka māhele CANVAS he mahele o ka hoʻolālā kiko o ka palapala, a iʻole DOM.
- ʻO Flash he'ōnaeho waho i hoʻokomoʻia. Hoʻohana aiʻo ia i ka EMBED a iʻole kaʻenehana KEKAHI e hōʻike, aʻaʻohe hiki ke hana maʻamau me nā mea'ē aʻe HTML. Ma muli o ka māhele CANVAS o ka DOM, hiki ke hoʻohui me ke DOM ma nāʻano he nui.
- Eia kekahi laʻana, hiki iāʻoe ke hana i kahi animation e hoʻololi ai i ka wā e pili ana kekahiʻaoʻao o kaʻaoʻao me - e like me kahi i hoʻopihaʻia i loko. Me ka Flash,ʻo ka mea nui āu e hana ai,ʻo ia ke hoʻomaka i ka kiʻi Flash a iʻole ka animation, akā me CANVAS hiki iāʻoe ke hana i nā hopena he nui,ʻoiai e hoʻonui ana i ka kikokikona mai ka māhele puka i ka animation.
- Ke kākoʻo 'ia ka wae CANVAS e nā mea pūnaewele pūnaewele. I mea e hoʻohana pono ai nā mea hoʻohana i Flash, pono e hoʻolālā i kā lākou polokalamu kelepona. He mea pilikia kēia no ka hapanui o nā kānaka no ka hoʻokumuʻana i nā polokalamu Flash a iʻole ka mana maoli o kā lākou pūnaewele hana.
- ʻO ka mea i hoʻohanaʻia i kēlā me kēia pūnaewele ua hoʻokomoʻia ka mono, akā,ʻaʻole ia he hihia hou, a he nui ka mea e wehe ana i ka mono no nā pilikia. ʻOi,ʻaʻole i loaʻa ma luna o ka pūnaewele i kaulanaʻo iOS.
He mea pono ke kāpena keʻole ināʻaʻoleʻoe i hoʻolālā e hoʻohana i ka Flash
ʻO kekahi o nā kumu nui i pilikia ai ka pūnaewele CANVAS ma muli o ka hoʻohanaʻana o nā mea hana kiʻi i kahi pūnaewele wikiwiki loa. Hiki i nā kiʻi ke hoʻolālā, akā hanaʻia me GIF, aʻo ka hopena hiki iāʻoe ke hoʻokomo i ka wikiō i nāʻaoʻao a eia hou, he kiʻi wikiō e noho wale ana ma kaʻaoʻao a hiki paha ke hoʻomaka a pani paha no ka pilinaʻana, akāʻo ia.
Hāʻawi ka pūnaewele CANVAS iāʻoe e hoʻohui i ka nui o ka hulinaʻana i kāu mau pūnaewele no ka mea hiki iāʻoe ke hoʻomalu i nā kiʻi, nā kiʻi, a me nā'ōlelo me ka'ōlelo hōʻoia. Hiki ke kōkua iāʻoe e hoʻololi i nā kiʻi, nā kiʻi, nā kiʻikuhi, a me nā kiʻi i nā mea'eneʻoni.
Ke hoʻouka e hoʻohana ana i ke Kōkua Wale
Pono kāu mau pepeiao ke nānā mua ma ka hoʻoholoʻana inā e hoʻohana i ka wae CANVAS.
Inā ma ka hoʻohanaʻana iā Windows XP a me IE 6, 7, aiʻole 8 paha kāu mau pepeiao, a laila e hana ana i kahi hanana kāhili dynamic e lilo i meaʻole no ka meaʻaʻole i kākoʻoʻia e kēlā poʻe pūnaewele.
Ināʻoe e kūkulu ana i kahi noi e hoʻohanaʻia ma nā mīkini Windows wale nō, a laila hiki iā Flash ke lilo i kāuʻoi akuʻoi loa. ʻO kekahi palapala noi e hoʻohanaʻia i nā kamepiula Windows a me Mac hiki ke loaʻa ka waiwai mai kahi polokalamu Silverlight.
Eia naʻe, inā pono e nānāʻia kāu noi ma nā polokalamu kelepona (ʻo Android a me iOS) me nā polokalamu kelepona hou (hōʻano houʻia i nā pūnaewele hou hou), a laila lilo ka wae CANVAS maikaʻi.
E hoʻomanaʻo i ka hoʻohanaʻana i kēia māhele e hiki ai iāʻoe ke loaʻa nā koho hāʻuleʻana e like me nā kiʻi sticking no nā meaʻimi maʻamau e kākoʻoʻole.
Akā,ʻaʻole ia e'ōleloʻia e hoʻohana i ka kāpili HTML5 no nā mea a pau. ʻAʻole ponoʻoe e hoʻohana ia mea no nā mea e like me kou logo, ke poʻo, a iʻole ka hoʻokele (ʻoiaiʻo ka hoʻohanaʻana ia mea no ka mālamaʻana i kekahi hapa o kekahi o kēia mau mea maikaʻi).
E like me ke kuhikuhi, ponoʻoe e hoʻohana i nā mea i kūpono i ka mea āu e ho'āʻo nei e kūkulu. No laila e hoʻohana ana i kaʻenehana HEADER me nā kiʻi a maikaʻi ka mea i ka mea CANVAS no kāu pane a me kou logo.
Eia kekahi, inā e hana anaʻoe i kahi pūnaewele pūnaewele paha i manaʻoʻia e hoʻohanaʻia i loko o kahiʻano pākahiʻole e like me ka paʻi, pono e hoʻomaopopoʻoe i ka hikiʻole ke hoʻololiʻia ka pūnaewele CANVAS e like me kou manaʻo. Hiki iāʻoe ke kiʻi i kahi kope o nā mea o kēia manawa a iʻole paha o kaʻikepili hope.