Unsur iki Nduwe Manfaat Kanggo Teknologi Liyane
HTML5 kalebu unsur sing nyenengake sing disebut CANVAS. Wis akeh migunakake, nanging kanggo nggunakake sampeyan kudu sinau sawetara JavaScript, HTML, lan kadhangkala CSS.
Iki ndadekake unsur CANVAS bisa digunakke kanggo akeh perancang, lan nyatane, sing paling akeh bakal mbantah unsur nganti ana alat sing dipercaya kanggo nggawe animasi lan game CANVAS tanpa ngerti JavaScript.
Apa Kanvas HTML5 Digunakna Kanggo
Unsur HTML5 CANVAS bisa digunakake kanggo akeh perkara sing sadurunge, sampeyan kudu nggunakake aplikasi sing ditempelake kaya Flash kanggo ngasilake:
- dinamis grafis
- game online lan offline
- animasi
- video interaktif lan audio
Ing kasunyatan, alesan utama wong nggunakake unsur CANVAS yaiku amarga gampang kanggo ngowahi kaca web polos menyang aplikasi web dinamis lan banjur ngonversi aplikasi kasebut menyang aplikasi seluler sing digunakake ing smartphone lan tablet.
Yen Kita Duwe Lampu kilat, Kenapa Kita Mbutuhake Kanvas?
Miturut spesifikasi HTML5, unsur CANVAS yaiku:
"... kanvas bitmap gumantung resolusi, sing bisa digunakake kanggo rendering grafik, game grafis, seni, utawa gambar visual liyane ing fly."Unsur CANVAS ngijini sampeyan nggambar grafik, grafis, game, seni, lan visual liyane ing kaca web kanthi nyata.
Sampeyan bisa uga mikir yen kita bisa nindakake sing nganggo Flash, nanging ana rong bedane beda antara CANVAS lan Flash:
- Unsur CANVAS ditempelake ing HTML. Tulisan sing digarap iku ana ing HTML utawa ing file njaba sing disambung. Iki tegese unsur CANVAS minangka bagéan saka model obyek document, utawa DOM.
- Lampu kilat yaiku file eksternal sing ditempelake. Iku migunakake salah siji sing ana ing EMBED utawa elemen OBJECT kanggo nampilake, lan ora bisa langsung interaksi karo elemen HTML liyane. Amarga unsur CANVAS minangka bagian saka DOM, bisa berinteraksi karo DOM kanthi nganggo cara akeh.
- Contone, sampeyan bisa nggawe animasi sing diganti nalika sawetara bagean liyane saka kaca sing diinteraksi - kayata wangun elemen sing diisi. Kanthi Flash, paling sampeyan bisa nindakake yaiku kanggo miwiti film utawa animasi Flash, nanging kanthi CANVAS sampeyan bisa nggawe akeh efek beda, malah nambah teks saka kolom kasebut dadi animasi.
- Unsur CANVAS asli didhukung dening browser web. Supaya pangguna bisa nggunakake Flash, browser kudu nginstal plugin. Iki asring kerumitan kanggo akèh wong amergo sing nginstal Flash sing lawas utawa kasunyatan sing sistem operasi mung ora ndhukung.
- Dadi sing saben browser wis diinstal plugin, nanging sing ora ana maneh, lan akeh sing uga ngilangi plugin amarga masalah. Plus, iku ora kasedhiya ing platform iOS populer.
Canvas Is Useful Even If You Never Planned to Use Flash
Salah satunggaling alasan utamanipun babagan unsur CANVAS punika mbingungaken manawi kathah perancang sampun dipunginakaken minangka web statis. Gambar bisa uga diwiwiti, nanging sing wis rampung karo GIF, lan mesthi sampeyan bisa nampilake video menyang kaca, nanging maneh, video statis sing mung njagong ing kaca lan bisa diwiwiti utawa mandheg amarga interaksi, nanging kabeh.
Unsur CANVAS ngidini sampeyan nambah interaktivitas luwih akeh menyang kaca web amarga saiki sampeyan bisa ngontrol grafis, gambar, lan teks kanthi basa scripting kanthi dinamis. Unsur CANVAS mbantu sampeyan ngowahi gambar, foto, grafik, lan grafik menyang unsur animasi.
Nalika Nganggep Nggunakake Elemen kanvas
Penonton sampeyan kudu dadi pertimbangan utama nalika mutusake arep nggunakake unsur CANVAS.
Yen pamirsa utamane nggunakake Windows XP lan IE 6, 7, utawa 8, banjur nggawe fitur kanvas dinamis bakal ora ana gunane amarga browser ora ndhukung.
Yen sampeyan mbangun aplikasi sing bakal digunakake mung ing mesin Windows, banjur Flash bisa uga paling apik. Aplikasi sing bakal digunakake ing komputer Windows lan Mac bisa entuk manfaat saka aplikasi Silverlight.
Nanging, yen aplikasi sampeyan kudu ditampilake ing piranti seluler (Android lan iOS) uga komputer desktop modern (dianyari kanggo versi browser paling anyar), banjur nggunakake unsur CANVAS iku pilihan apik.
Elinga yen nggunakake unsur iki ngidini sampeyan duwe opsi pemandhangan kayata gambar statis kanggo browser lawas sing ora ndhukung.
Nanging, ora disaranake nggunakake kanvas HTML5 kanggo kabeh. Sampeyan ora kudu nganggo apa wae kaya logo, judhul, utawa pandhuan (senadyan nggunakake kanggo nggabungke bagean saka samubarang iki bakal becik).
Miturut spesifikasi, sampeyan kudu nggunakake unsur sing paling cocok kanggo apa sing sampeyan nyoba kanggo mbangun. Supaya bisa nggunakake unsur HEADER bebarengan karo gambar lan teks luwih becik kanggo unsur CANVAS kanggo header lan logo sampeyan.
Uga, yen sampeyan nggawe kaca web utawa aplikasi sing dimaksudake kanggo digunakake ing media non-interaktif kaya pencetakan, sampeyan kudu weruh yen unsur CANVAS sing wis dianyari kanthi dinamis ora bisa dicantumake. Sampeyan bisa uga kudu nyithak isi saiki utawa isi sing ora bisa ditemokake.