Użi tal-Kanvas HTML5

Dan l-element għandu benefiċċji fuq Teknoloġija Oħra

HTML5 jinkludi element eċċitanti msejjaħ CANVAS. Hija għandha ħafna użi, iżda sabiex tużah għandek bżonn titgħallem xi JavaScript, HTML, u kultant CSS.

Dan jagħmel l-element CANVAS daqsxejn qawwi għal ħafna disinjaturi, u fil-fatt, l-aktar probabbilment se jinjora l-element sakemm ikun hemm għodda affidabbli biex joħolqu animazzjonijiet u logħob CANVAS mingħajr ma jkunu jafu JavaScript.

Dak li jintuża Kanvas ta 'HTML5

L-element HTML5 CANVAS jista 'jintuża għal ħafna affarijiet li qabel, kellek tuża applikazzjoni inkorporata bħal Flash biex tiġġenera:

Fil-fatt, ir-raġuni ewlenija li n-nies jużaw l-element CANVAS hija minħabba kemm huwa faċli li ssir paġna web sempliċi f'applikazzjoni dinamika tal-web u mbagħad tikkonverti dik l-applikazzjoni f'applikazzjoni mobbli għall-użu fuq smartphones u pilloli.

Jekk We Have Flash, Why Do We Need Canvas?

Skont l-ispeċifikazzjoni HTML5, l-element CANVAS huwa:

"... kanvas bitmap li tiddependi fuq ir-riżoluzzjoni, li tista 'tintuża biex tirrendi grafiċi, grafika tal-logħob, arti, jew stampi viżwali oħra fuq il-fly."

L-element CANVAS jippermettilek tiġbed graffs, grafika, logħob, arti, u viżwali oħra dritt fuq il-paġna web f'ħin reali.

Inti tista 'taħseb li diġà nistgħu nagħmlu dak b'Filter, imma hemm żewġ differenzi kbar bejn CANVAS u Flash:

Kanvas hija utli anki jekk qatt ma tippjana li tuża Flash

Waħda mir-raġunijiet ewlenin għaliex l-element CANVAS tant huwa konfuż hu li ħafna disinjaturi saru użati għal web kompletament statiku. L-immaġini jistgħu jkunu animati, iżda dan sar mal-GIF, u naturalment tista 'ssib vidjo f'pakketti imma għal darb'oħra, huwa vidjo statiku li sempliċement qiegħed fuq il-paġna u forsi jibda jew jieqaf minħabba l-interazzjoni, iżda dan kollu.

L-element CANVAS jippermettilek iżżid interattività tant aktar mal-paġni tal-web tiegħek għaliex issa tista 'tikkontrolla l-grafika, l-immaġini u t-test b'mod dinamiku b'lingwa tal-kitba. L-element CANVAS jgħinek iddawwar stampi, ritratti, mapep u graffs f'elementi animati.

Meta tikkunsidra li tuża l-Element Kanvas

L-udjenza tiegħek għandha tkun l-ewwel konsiderazzjoni tiegħek meta tiddeċiedi jekk tużax l-element CANVAS.

Jekk l-udjenza tiegħek hija primarjament tuża Windows XP u IE 6, 7, jew 8, allura joħolqu karatteristika dinamika tal-kanvas tkun inutli peress li dawk il-browsers ma jappoġġjawhiex.

Jekk qed tibni applikazzjoni li tintuża biss fuq il-magni Windows, allura Flash jista 'jkun l-aħjar bet tiegħek. Applikazzjoni li għandha tintuża fuq kompjuters Windows u Mac tista 'tibbenefika minn applikazzjoni Silverlight.

Madankollu, jekk l-applikazzjoni tiegħek teħtieġ li titqies fuq apparat mobbli (kemm Android u IOS) kif ukoll kompjuters desktop moderni (aġġornati għall-aħħar verżjonijiet tal-browser), allura l-użu tal-element CANVAS huwa għażla tajba.

Żomm f'moħħok li l-użu ta 'dan l-element jippermettilek li jkollok għażliet ta' riżerva bħal stampi statiċi għal browsers anzjani li ma jappoġġjawhiex.

Madankollu, mhuwiex rakkomandat li tuża kanvas HTML5 għal kollox. Qatt m'għandek tużah għal affarijiet bħall-logo tiegħek, it-titlu, jew in-navigazzjoni (għalkemm tużaha biex tivverifika porzjon ta 'xi wieħed minn dawn ikun tajjeb).

Skont l-ispeċifikazzjoni, għandek tuża l-elementi l-aktar adattati għal dak li qed tipprova tibni. Allura tuża l-element HEADER flimkien ma 'immaġini u test huwa preferibbli għall-element CANVAS għall-header u l-logo tiegħek.

Ukoll, jekk qed toħloq paġna jew applikazzjoni li hija maħsuba biex tintuża f'mezz mhux interattiv bħall-istampar, għandek tkun konxju li l-element CANVAS li ġie aġġornat b'mod dinamiku jista 'ma jipprintjax kif tistenna. Tista 'tikseb stampa tal-kontenut kurrenti jew tal-kontenut ta' riżerva.