Овој елемент има корист од другата технологија
HTML5 вклучува возбудлив елемент наречен CANVAS. Има многу намени, но за да го користите, треба да научите некои JavaScript, HTML, а понекогаш и CSS.
Ова го прави елементот CANVAS малку застрашувачки за многу дизајнери, и всушност повеќето од нив најверојатно ќе го игнорираат елементот додека не се направат сигурни алатки за креирање на CANVAS анимации и игри без да се знае JavaScript.
За што се користи HTML5 Canvas
HTML5 CANVAS елементот може да се користи за многу работи кои претходно сте ги користеле вградена апликација како Flash за да генерирате:
- динамична графика
- онлајн и офлајн игри
- анимации
- интерактивно видео и аудио
Всушност, главната причина што луѓето го користат елементот CANVAS е поради тоа што е лесно да се претвори обична веб-страница во динамична веб-апликација и потоа да се конвертира таа апликација во мобилна апликација за употреба на паметни телефони и таблети.
Ако имаме блиц, зошто ни е потребна платно?
Според спецификацијата на HTML5, елементот CANVAS е:
"... рамка заснована на резолуција, која може да се користи за рендерирање на графикони, графика на игри, уметност или други визуелни слики во лет".Element CANVAS ви овозможува да ги нацртате графикони, графики, игри, уметност и други визуелни елементи директно на веб-страницата во реално време.
Можеби мислите дека веќе можеме да го сториме тоа со Flash, но постојат две главни разлики помеѓу CANVAS и Flash:
- Елементот CANVAS е вграден во HTML. Скриптите кои се потпираат на неа се или во HTML или во поврзана надворешна датотека. Ова значи дека елементот CANVAS е дел од модел на објект на документот или DOM.
- Флеш е вградена надворешна датотека. Таа користи или елемент EMBED или OBJECT за прикажување, и не може да комуницира директно со другите HTML елементи. Бидејќи елементот CANVAS е дел од ДОМ, тој може да комуницира со ДОМ на многу начини.
- На пример, може да создадете анимација која се менува кога ќе се комуницира некој друг дел од страницата - како елемент од формата што се пополнува. Со Flash, најмногу што би можеле да направите е да го започнете филмот или анимацијата на Flash, но со CANVAS можете да креирате многу различни ефекти, дури и да го додадете текстот од полето за форма во анимацијата.
- Element CANVAS е природно поддржан од веб прелистувачите. За да корисниците всушност користат Flash, нивниот прелистувач мора да го инсталира додатокот. Ова честопати се јавува за повеќето луѓе поради застарените инсталации на Флеш или фактот дека нивниот оперативен систем едноставно не го поддржува.
- Се чинеше дека секој прелистувач има инсталирано додаток, но тоа веќе не е случај, а многумина дури го отстрануваат приклучокот поради тешкотии. Плус, тоа дури не е достапно и на популарната iOS платформа.
Платното е корисно дури и ако никогаш не сте планирале да го користите блицот
Една од главните причини зошто елементот CANVAS е толку збунувачки е тоа што многу дизајнери станаа навикнати на целосно статична мрежа. Сликите може да бидат анимирани, но тоа е направено со GIF, и се разбира можете да вградите видео на страници, но повторно, тоа е статичко видео кое едноставно седи на страницата и можеби започнува или запира поради интеракција, но тоа е сè.
Element CANVAS ви овозможува да додадете многу повеќе интерактивност кон вашите веб-страници, бидејќи сега можете да ги контролирате графика, слики и текст динамички со јазик за скриптирање. Element CANVAS ви помага да ги претворате сликите, фотографиите, графиконите и графиконите во анимирани елементи.
Кога да се разгледа користењето на елементот од платно
Вашата публика треба да ви биде прво внимание при одлучувањето дали да го користите елементот CANVAS.
Ако вашата публика првенствено користи Windows XP и IE 6, 7 или 8, тогаш креирањето динамична функција за платно ќе биде бесмислена бидејќи тие прелистувачи не го поддржуваат.
Ако градите апликација која ќе се користи само на Windows машини, тогаш Flash може да ви биде најдобар залог. Апликација која ќе се користи на Windows и Mac компјутери може да има корист од апликацијата Silverlight.
Меѓутоа, ако вашата апликација треба да биде видена на мобилни уреди (и Андроид и iOS), како и модерни десктоп компјутери (ажурирани со најновите верзии на прелистувачот), тогаш користењето на елементот CANVAS е добар избор.
Имајте на ум дека користењето на овој елемент ви овозможува да имате резервни опции како статични слики за постари прелистувачи кои не го поддржуваат.
Сепак, не е препорачливо да се користи HTML5 платно за сè. Вие никогаш не треба да го користите за работи како вашето лого, наслов или навигација (иако користењето за анимирање на дел од било кој од нив ќе биде добро).
Според спецификацијата, треба да ги користите елементите кои се најпогодни за она што се обидувате да го изградите. Значи користењето на елементот HEADER, заедно со слики и текст, е подобро од елементот CANVAS за вашиот заглавие и лого.
Исто така, ако создавате веб-страница или апликација што е наменета да се користи на не-интерактивен медиум како печатење, треба да бидете свесни дека елементот CANVAS што е динамички ажуриран не може да печати како што очекувате. Може да добиете отпечаток од моменталната содржина или од резервната содржина.