ХТМЛ5 укључује узбудљиви елемент назван ЦАНВАС. Има пуно употреба, али да бисте га користили, морате научити неки ЈаваСцрипт, ХТМЛ, и понекад ЦСС.
Ово чини елемент ЦАНВАС помало застрашујућим за многе дизајнере, а заправо ће га већина вероватно игнорисати елемент док не постоје поуздани алати за стварање ЦАНВАС анимација и игара без знања ЈаваСцрипт.
За шта се користи ХТМЛ5 платно
Елемент ХТМЛ5 ЦАНВАС може се користити за многе ствари које сте претходно морали да користите уграђену апликацију као што је Фласх да бисте генерисали:
- Динамична графика
- Игре на мрежи и ван ње
- Анимације
- Интерактивни видео и аудио
У ствари, главни разлог због којег људи користе елемент ЦАНВАС је то што је лако окренути обичну веб страницу у динамичку веб апликацију, а затим је претворите у мобилну апликацију за употребу на паметним телефонима и таблете.
Ако имамо Фласх, зашто нам треба платно?
Према ХТМЛ5 спецификација, елемент ЦАНВАС је: „... платно битмапе зависно од резолуције, које се може користити за приказивање графикона, графике игара, уметности или других визуелних слика у лету.“
Елемент ЦАНВАС омогућава вам цртање графикона, графика, игара, уметности и других визуелних слика директно на веб страници у реалном времену.
Можда мислите да то већ можемо учинити са Фласх-ом, али постоје две велике разлике између ЦАНВАС-а и Фласх-а:
- Елемент ЦАНВАС уграђен је тачно у ХТМЛ. Скрипте које се на њему ослањају налазе се у ХТМЛ-у или у повезаној спољној датотеци. То значи да је елемент ЦАНВАС део објектног модела документа (ДОМ).
- Фласх је уграђена спољна датотека. За приказ користи или ЕМБЕД или ОБЈЕЦТ елемент и не може директно да комуницира са осталим ХТМЛ елементима. Будући да је елемент ЦАНВАС део ДОМ-а, он може на више начина комуницирати са ДОМ-ом.
- На пример, можете створити анимацију која се мења када се ступи у интеракцију са неким другим делом странице - попут елемента обрасца који се попуњава. Уз Фласх, највише што бисте могли учинити било би да покренете Фласх филм или анимације, али са ЦАНВАС-ом можете створити много различитих ефеката, чак и додајући текст из поља обрасца у анимацију.
- Елемент ЦАНВАС изворно подржавају веб прегледачи. Да би корисници могли стварно да користе Фласх, у њиховом прегледачу мора бити инсталиран додатак. Ово је често гњаважа за већину људи због застарелих инсталација Фласх-а или чињенице да их њихов оперативни систем једноставно не подржава.
- Раније је сваки додатак имао инсталиран додатак, али то више није случај, а многи га чак уклањају и због потешкоћа. Осим тога, није доступан ни на популарном иОС платформа.
Платно је корисно чак и ако никада нисте планирали да користите Фласх
Један од главних разлога зашто је елемент ЦАНВАС толико збуњујући је тај што су се многи дизајнери навикли на потпуно статичну мрежу. Слике су можда анимиране, али то је готово ГИФ, и наравно, можете да уградите видео у странице, али опет, то је статични видео који једноставно седи на страници и можда се покреће или зауставља због интеракције, али то је све.
Елемент ЦАНВАС омогућава вам да додате толико више интерактивности на своје веб странице јер сада графичким језиком, сликама и текстом можете динамички управљати скриптним језиком. Елемент ЦАНВАС помаже вам да слике, фотографије, графиконе и графиконе претворите у анимиране елементе.
Када размотрити употребу елемента платна
Ваша публика би вам требала бити прва пажња приликом одлучивања да ли ћете користити елемент ЦАНВАС.
Ако ваша публика примарно користи Виндовс хр и ИЕ 6, 7 или 8, тада ће стварање динамичке функције платна бити бесмислено, јер их ови прегледачи не подржавају.
Ако правите апликацију која ће се користити само на Виндовс машинама, тада је Фласх можда најбоља опција. Апликација која ће се користити на Виндовс и Мац рачунарима може имати користи од Силверлигхт апликације.
Међутим, ако вашу апликацију треба гледати на мобилним уређајима (и Андроид и иОС), као и модерним стони рачунари (ажурирани на најновије верзије прегледача), тада је коришћење елемента ЦАНВАС добар избор.
Имајте на уму да вам коришћење овог елемента омогућава резервне опције попут статичних слика за старије прегледаче који га не подржавају.
Међутим, не препоручује се употреба ХТМЛ5 платна за све. Требао би никад користите га за ствари попут вашег логотипа, наслова или навигације (мада би било добро користити га за анимирање дела било ког од њих).
Према спецификацији, требало би да користите елементе који су најпогоднији за оно што покушавате да направите. Дакле, употреба ХЕАДЕР елемента заједно са сликама и текстом пожељнија је од ЦАНВАС елемента за ваше заглавље и логотип.
Такође, ако креирате веб страна или у апликацији која је намењена за употребу у неинтерактивном медију, попут штампања, треба да знате да се елемент ЦАНВАС који је динамички ажуриран можда неће штампати онако како очекујете. Можда ћете добити отисак тренутног или резервног садржаја.