Unsur ieu Mibanda Mangpaat Leuwih Téhnologi lianna
HTML5 ngawengku unsur seru disebut kanvas. Cai mibanda kavling kagunaan, tapi dina urutan ngagunakeun eta maneh kudu diajar sababaraha JavaScript, HTML, sarta sakapeung CSS.
Hal ieu ngajadikeun unsur kanvas bit daunting keur loba désainer, sarta dina kanyataanana, paling meureun bakal malire unsur dugi aya parabot dipercaya pikeun nyieun animasi kanvas jeung kaulinan tanpa nyaho JavaScript.
Naon HTML5 kanvas digunakeun pikeun
The HTML5 unsur kanvas bisa dipaké pikeun loba hal anu saméméhna, anjeun kungsi ngagunakeun hiji aplikasi embedded kawas Flash keur ngahasilkeun:
- grafik dinamis
- online tur offline kaulinan
- animasi
- video interaktif tur audio
Komo, alesan urang utama nganggo unsur kanvas téh kusabab carana gampang éta ngahurungkeun hiji kaca web polos kana aplikasi wéb dinamis lajeng ngarobah aplikasi nu kana aplikasi mobile pikeun pamakéan dina smartphone sarta tablet.
Lamun Urang Geus Flash, Naha Ulah Urang ngabutuhkeun kanvas?
Numutkeun spésifikasi HTML5, unsur kanvas nyaeta:
"... a bitmap kanvas resolusi-gumantung, anu bisa dipaké pikeun ngajadikeun grafik, grafik kaulinan, seni, atawa gambar visual sejenna dina laleur nu".Unsur kanvas ngidinan Anjeun tarik grafik, grafik, kaulinan, seni, sarta visuals séjén katuhu dina kaca web sacara real waktu.
Anjeun bisa jadi pamikiran yen urang geus bisa ngalakukeun nu ku Flash, tapi aya dua perbedaan utama antara kanvas jeung Flash:
- Unsur kanvas ieu study katuhu dina HTML nu. The Aksara nu digambarkeun dina eta aya boh dina HTML atawa dina file éksternal numbu. Ieu ngandung harti unsur kanvas mangrupakeun bagéan tina dokumen modél obyék, atawa DOM.
- Flash mangrupa file éksternal study. It uses boh Lebetkeun atawa unsur objek pikeun nembongkeun, sarta teu bisa berinteraksi langsung sareng elemen HTML lianna. Kusabab unsur kanvas mangrupa bagian ti DOM, éta bisa interaksi jeung DOM ku sababaraha cara.
- Contona, Anjeun bisa nyieun hiji animasi nu robah nalika sababaraha bagian sejen kaca ieu berinteraksi kalawan -. Sapertos unsur formulir keur kaeusi dina Jeung Flash, paling anjeun bisa ngalakukeun bakal jadi pikeun ngamimitian pilem Flash atawa animasi, tapi kalawan kanvas Anjeun bisa nyieun loba épék béda, sanajan nambahkeun téks ti médan formulir kana animasi nu.
- Unsur kanvas ieu natively dirojong ku web panyungsi. Dina urutan for nu sabenerna make Flash, browser maranéhanana kudu boga plugin nu dipasang. Ieu sering a repot keur kalolobaan urang alatan luntur Flash installs atawa kanyataan yén sistem operasi maranéhanana ngan saukur henteu ngarojong eta.
- Ieu dipake janten nu unggal browser sempet plugin nu dipasang, tapi éta henteu panjang hal, sarta loba nu malah nyoplokkeun plugin nu alatan kasusah. Tambih Deui, éta moal malah aya dina platform ios populér.
Kanvas Dupi Baguna Komo Lamun Anjeun Kungsi rencanana Paké Flash
Salah sahiji alesan utama naha unsur kanvas téh jadi ngabingungkeun nyaeta nu loba désainer geus jadi dipake ka web lengkep statis. Gambar bisa jadi animasi, tapi nu bakal dipigawé ku GIF, sarta tangtu bisa Lebetkeun video kana kaca tapi deui, éta hiji video statik nu saukur sits dina kaca jeung meureun dimimitian atawa eureun alatan interaksi, tapi éta kabéh.
Unsur kanvas ngidinan Anjeun pikeun nambahkeun sangkan leuwih interactivity ka kaca wéb anjeun lantaran kiwari bisa ngadalikeun grafik, Gambar, jeung téks dinamis jeung basa scripting. Unsur kanvas mantuan Anjeun ngahurungkeun Gambar, poto, grafik, jeung grafik kana elemen animasi.
Nalika nepi Pertimbangkeun Nganggo kanvas Unsur
panongton Anjeun kedah tinimbangan heula anjeun nalika mutuskeun pikeun ngagunakeun unsur kanvas.
Mun hadirin anjeun utamina ngagunakeun Windows XP jeung IE 6, 7, atawa 8, teras nyieun hiji fitur kanvas dinamis anu bade janten euweuh hartina saprak jelema panyungsi teu ngarojong eta.
Mun anjeun ngawangun hiji aplikasi anu bakal dipaké dina mesin Windows wungkul, teras Flash bisa jadi pangalusna alungan Anjeun. Hiji aplikasi bisa dipake dina komputer Windows jeung Mac bisa kauntungan ti aplikasi Silverlight.
Sanajan kitu, lamun aplikasi Anjeun perlu ditempo dina alat nu bagerak (duanana Android sarta ios) ogé komputer desktop modern (diropéa kana versi browser panganyarna), lajeng ngagunakeun unsur kanvas mangrupakeun pilihan anu alus.
Terus di pikiran nu ngagunakeun unsur ieu ngidinan Anjeun pikeun mibanda pilihan fallback kawas gambar statik pikeun panyungsi heubeul nu teu ngarojong eta.
Najan kitu, ayeuna teh teu dianjurkeun ngagunakeun HTML5 kanvas pikeun sagalana. Anjeun pernah kedah nganggo eta for hirup ibarat logo, headline, atawa navigasi anjeun (sanajan migunakeun ka ngahirupkeun nyangkokkeun sabagian salah sahiji ieu bakal jadi rupa).
Numutkeun spésifikasi, Anjeun kedah nganggo elemen anu paling cocog pikeun naon nu nuju nyobian pikeun ngawangun. Sangkan ngagunakeun unsur lulugu sapanjang kalawan Gambar jeung téks anu hade kana unsur kanvas pikeun lulugu anjeun sarta logo.
Ogé, upami anjeun nyieun kaca web atawa aplikasi nu bakal dimaksudkeun pikeun dipaké dina medium non-interaktif kawas percetakan, Anjeun kudu sadar yén unsur kanvas nu geus dinamis diropéa teu nyitak anjeun nyangka. Anjeun bisa meunangkeun print sahiji eusi ayeuna atanapi tina eusi fallback.