ອົງປະກອບນີ້ມີຜົນປະໂຫຍດຕໍ່ເທກໂນໂລຍີອື່ນໆ
HTML5 ປະກອບມີອົງປະກອບທີ່ຫນ້າຕື່ນເຕັ້ນທີ່ເອີ້ນວ່າ CANVAS. ມັນມີການນໍາໃຊ້ຢ່າງຫຼວງຫຼາຍ, ແຕ່ເພື່ອນໍາໃຊ້ມັນ, ທ່ານຈໍາເປັນຕ້ອງຮຽນຮູ້ JavaScript, HTML ແລະບາງຄັ້ງ CSS.
ນີ້ເຮັດໃຫ້ອົງປະກອບ CANVAS ເປັນຕາຢ້ານສໍາລັບນັກອອກແບບຈໍານວນຫຼາຍ, ແລະໃນຄວາມເປັນຈິງ, ສ່ວນຫຼາຍອາດຈະບໍ່ສົນໃຈອົງປະກອບຈົນກວ່າຈະມີເຄື່ອງມືທີ່ເຊື່ອຖືໄດ້ເພື່ອສ້າງການເຄື່ອນໄຫວແລະເກມ CANVAS ໂດຍບໍ່ຮູ້ວ່າ JavaScript.
ສິ່ງທີ່ HTML5 Canvas ຖືກນໍາໃຊ້ສໍາລັບ
ອົງປະກອບ HTML5 CANVAS ສາມາດໃຊ້ສໍາລັບຫຼາຍໆສິ່ງທີ່ຜ່ານມາ, ທ່ານຕ້ອງໄດ້ນໍາໃຊ້ແອັບພລິເຄຊັນທີ່ໄດ້ຮັບການຕິດຕັ້ງເຊັ່ນ Flash ເພື່ອສ້າງ:
- ຮູບແບບເຄື່ອນໄຫວ
- ອອນໄລນ໌ແລະເກມອອນໄລນ໌
- ພາບເຄື່ອນໄຫວ
- video interactive ແລະສຽງ
ໃນຄວາມເປັນຈິງ, ປະຊາຊົນທີ່ໃຊ້ເຫດຜົນຕົ້ນຕໍຂອງການນໍາໃຊ້ອົງປະກອບຂອງ CANVAS ແມ່ນຍ້ອນວ່າມັນງ່າຍທີ່ຈະປ່ຽນຫນ້າເວັບທໍາມະດາເຂົ້າໃນແອັບພລິເຄຊັນແບບເຄື່ອນໄຫວແລະຫຼັງຈາກນັ້ນປ່ຽນຄໍາຮ້ອງສະຫມັກນັ້ນເຂົ້າໃນແອັບຯມືຖືສໍາລັບໃຊ້ໃນໂທລະສັບສະຫຼາດແລະແທັບເລັດ.
ຖ້າພວກເຮົາມີ Flash, ເປັນຫຍັງພວກເຮົາຕ້ອງການ Canvas?
ອີງຕາມຂໍ້ກໍານົດ HTML5, ອົງປະກອບ CANVAS ແມ່ນ:
"... ຄວາມສາມາດທີ່ຈະນໍາໃຊ້ຮູບກາຕູນ, ກາຟິກຫລິ້ນເກມ, ສິນລະປະ, ຫຼືຮູບພາບອື່ນໆທີ່ເບິ່ງເຫັນໄດ້."ອົງປະກອບຂອງ CANVAS ຊ່ວຍໃຫ້ທ່ານແຕ້ມຮູບ, ກາຟິກ, ເກມ, ສິນລະປະແລະຮູບພາບອື່ນໆທີ່ຢູ່ໃນຫນ້າເວັບໃນເວລາທີ່ແທ້ຈິງ.
ທ່ານອາດຈະຄິດວ່າພວກເຮົາສາມາດເຮັດໄດ້ດ້ວຍ Flash, ແຕ່ມີສອງຄວາມແຕກຕ່າງທີ່ສໍາຄັນລະຫວ່າງ CANVAS ແລະ Flash:
- ອົງປະກອບ CANVAS ຖືກຝັງຢູ່ໃນ HTML. ສະຄິບທີ່ແຕ້ມໃສ່ມັນແມ່ນຢູ່ໃນ HTML ຫຼືໃນໄຟລ໌ພາຍນອກທີ່ເຊື່ອມໂຍງ. ນີ້ຫມາຍຄວາມວ່າອົງປະກອບ CANVAS ແມ່ນສ່ວນຫນຶ່ງຂອງຮູບແບບວັດຖຸເອກະສານ, ຫຼື DOM.
- Flash ແມ່ນແຟ້ມພາຍນອກທີ່ຖືກຝັງ. ມັນໃຊ້ EMBED ຫຼືອົງປະກອບ OBJECT ເພື່ອສະແດງແລະບໍ່ສາມາດໂຕ້ຕອບໂດຍກົງກັບອົງປະກອບ HTML ອື່ນໆ. ເນື່ອງຈາກວ່າອົງປະກອບ CANVAS ເປັນສ່ວນຫນຶ່ງຂອງ DOM, ມັນສາມາດພົວພັນກັບ DOM ໄດ້ຫລາຍວິທີ.
- ຕົວຢ່າງເຊັ່ນທ່ານອາດຈະສ້າງພາບເຄື່ອນໄຫວທີ່ປ່ຽນແປງເມື່ອບາງສ່ວນອື່ນຂອງຫນ້າມີການໂຕ້ຕອບ - ເຊັ່ນ: ອົງປະກອບແບບຟອມທີ່ເຕັມໄປດ້ວຍ Flash, ສິ່ງທີ່ທ່ານສາມາດເຮັດໄດ້ຄືການເລີ່ມຕົ້ນ Flash movie ຫຼື animation, CANVAS ທ່ານສາມາດສ້າງຜົນກະທົບທີ່ແຕກຕ່າງກັນ, ເຖິງແມ່ນວ່າການເພີ່ມຂໍ້ຄວາມຈາກພາກສະຫນາມແບບຟອມເຂົ້າໄປໃນສັດ.
- ອົງປະກອບ CANVAS ແມ່ນສະຫນັບສະຫນູນ native ໂດຍຕົວທ່ອງເວັບເວັບໄຊຕ໌. ເພື່ອໃຫ້ຜູ້ໃຊ້ສາມາດໃຊ້ Flash ໄດ້, ຕົວທ່ອງເວັບຂອງພວກເຂົາຕ້ອງມີ plugin ຕິດຕັ້ງ. ນີ້ມັກຈະເປັນຄວາມສັບສົນສໍາລັບຄົນສ່ວນໃຫຍ່ເນື່ອງຈາກການຕິດຕັ້ງແຟດທີ່ລ້າສະໄຫມຫຼືຄວາມຈິງທີ່ວ່າລະບົບປະຕິບັດການຂອງພວກເຂົາບໍ່ພຽງແຕ່ສະຫນັບສະຫນູນມັນ.
- ມັນເຄີຍເປັນຕົວທ່ອງເວັບທຸກຄົນທີ່ມີ plugin ຕິດຕັ້ງ, ແຕ່ວ່າມັນບໍ່ແມ່ນກໍລະນີ, ແລະຫຼາຍຄົນກໍ່ໄດ້ເອົາ plugin ອອກຈາກບັນຫາຕ່າງໆ. ຍິ່ງໄປກວ່ານັ້ນ, ມັນຍັງບໍ່ມີຢູ່ໃນເວທີ iOS ທີ່ເປັນທີ່ນິຍົມ.
Canvas ແມ່ນມີຜົນສັກສິດເຖິງແມ່ນວ່າທ່ານບໍ່ເຄີຍວາງແຜນທີ່ຈະໃຊ້ Flash
ຫນຶ່ງໃນເຫດຜົນຕົ້ນຕໍທີ່ວ່າອົງປະກອບ CANVAS ແມ່ນສັບສົນດັ່ງນັ້ນຜູ້ອອກແບບຈໍານວນຫຼາຍໄດ້ກາຍເປັນຜູ້ນໍາໃຊ້ກັບເວັບໄຊຕ໌ທີ່ຄົງສະຖິດຢ່າງສົມບູນ. ຮູບພາບຕ່າງໆອາດຈະຖືກ animated, ແຕ່ວ່າມັນເຮັດກັບ GIF, ແລະແນ່ນອນທ່ານສາມາດໃສ່ວິດີໂອເຂົ້າໄປໃນຫນ້າແຕ່ອີກເທື່ອຫນຶ່ງ, ມັນເປັນວິດີໂອແບບຄົງທີ່ພຽງແຕ່ນັ່ງເທິງຫນ້າແລະອາດຈະເລີ່ມຫຼືຢຸດເນື່ອງຈາກການໂຕ້ຕອບ, ແຕ່ວ່າທັງຫມົດ.
ອົງປະກອບ CANVAS ຊ່ວຍໃຫ້ທ່ານສາມາດເພີ່ມປະສິດຕິພາບຫຼາຍຂຶ້ນກັບຫນ້າເວັບຂອງທ່ານເພາະວ່າທ່ານສາມາດຄວບຄຸມຮູບພາບ, ຮູບພາບຕ່າງໆແລະຂໍ້ຄວາມແບບເຄື່ອນໄຫວດ້ວຍພາສາສະຄຣິບ. ອົງປະກອບ CANVAS ຊ່ວຍໃຫ້ທ່ານປ່ຽນຮູບພາບ, ຮູບພາບ, ຕາຕະລາງແລະກາຟເປັນອົງປະກອບທີ່ມີຊີວິດຊີວາ.
ເມື່ອພິຈາລະນານໍາໃຊ້ອົງປະກອບຂອງ Canvas
ຜູ້ຊົມຂອງທ່ານຄວນຈະພິຈາລະນາຄັ້ງທໍາອິດຂອງທ່ານໃນເວລາທີ່ຕັດສິນໃຈວ່າຈະໃຊ້ອົງປະກອບ CANVAS.
ຖ້າຜູ້ຊົມຂອງທ່ານໃຊ້ຕົ້ນຕໍໂດຍໃຊ້ Windows XP ແລະ IE 6, 7, ຫຼື 8, ຫຼັງຈາກນັ້ນການສ້າງຄຸນສົມບັດແບບ canvas ແບບເຄື່ອນໄຫວຈະບໍ່ມີຈຸດປະສົງເພາະວ່າຕົວທ່ອງເວັບທີ່ບໍ່ສະຫນັບສະຫນູນມັນ.
ຖ້າທ່ານກໍາລັງສ້າງແອັບພລິເຄຊັນທີ່ໃຊ້ໃນເຄື່ອງ Windows ເທົ່ານັ້ນ, Flash ອາດຈະເປັນການລົງທືນທີ່ດີທີ່ສຸດຂອງທ່ານ. ໂປລແກລມທີ່ຈະໃຊ້ໃນຄອມພິວເຕີ Windows ແລະ Mac ສາມາດໄດ້ຮັບປະໂຫຍດຈາກຄໍາຮ້ອງສະຫມັກ Silverlight.
ຢ່າງໃດກໍຕາມ, ຖ້າຫາກວ່າຄໍາຮ້ອງສະຫມັກຂອງທ່ານຕ້ອງການເບິ່ງຢູ່ໃນອຸປະກອນມືຖື (ທັງ Android ແລະ iOS) ເຊັ່ນດຽວກັນກັບຄອມພິວເຕີ desktop ທີ່ທັນສະໄຫມ (ປັບປຸງໃຫ້ທັນກັບເວີຊັນຂອງເບົາເຊີທີ່ສຸດ) ແລ້ວໃຊ້ອົງປະກອບ CANVAS ເປັນການເລືອກທີ່ດີ.
ຈື່ໄວ້ວ່າການນໍາໃຊ້ອົງປະກອບນີ້ອະນຸຍາດໃຫ້ທ່ານສາມາດມີຕົວເລືອກການປ່ຽນແປງເຊັ່ນຮູບພາບຄົງທີ່ສໍາລັບຕົວທ່ອງເວັບທີ່ອາຍຸທີ່ບໍ່ສະຫນັບສະຫນູນມັນ.
ຢ່າງໃດກໍຕາມ, ມັນບໍ່ໄດ້ແນະນໍາໃຫ້ໃຊ້ HTML5 canvas ສໍາລັບທຸກສິ່ງທຸກຢ່າງ. ທ່ານບໍ່ຄວນໃຊ້ມັນສໍາລັບສິ່ງຕ່າງໆເຊັ່ນ: ໂລໂກ້, ຫົວຂໍ້, ຫຼືນໍາທິດຂອງທ່ານ (ເຖິງແມ່ນວ່າການນໍາໃຊ້ມັນໃຫ້ມີຊີວິດສ່ວນຫນຶ່ງຂອງມັນກໍ່ຈະດີ).
ອີງຕາມຂໍ້ກໍານົດ, ທ່ານຄວນນໍາໃຊ້ອົງປະກອບທີ່ເຫມາະສົມກັບສິ່ງທີ່ທ່ານກໍາລັງພະຍາຍາມສ້າງ. ດັ່ງນັ້ນ, ການນໍາໃຊ້ອົງປະກອບ HEADER ພ້ອມກັບຮູບພາບແລະຂໍ້ຄວາມແມ່ນເຫມາະສົມກັບອົງປະກອບ CANVAS ສໍາລັບ header ແລະ logo ຂອງທ່ານ.
ນອກຈາກນັ້ນ, ຖ້າທ່ານກໍາລັງສ້າງຫນ້າເວັບຫຼືແອັບພລິເຄຊັນທີ່ມີຈຸດປະສົງທີ່ຈະໃຊ້ໃນສື່ທີ່ບໍ່ແມ່ນໂຕ້ຕອບເຊັ່ນ: ການພິມ, ທ່ານຄວນຮູ້ວ່າອົງປະກອບ CANVAS ທີ່ໄດ້ຮັບການປັບປຸງແບບເຄື່ອນໄຫວອາດຈະບໍ່ພິມໄດ້ຕາມທີ່ທ່ານຄາດຫວັງ. ທ່ານອາດຈະໄດ້ຮັບການພິມຂອງເນື້ອຫາໃນປະຈຸບັນຫຼືຂອງເນື້ອໃນທີ່ມີການປ່ຽນແປງ.