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