Ин унсури бар технологияҳои дигар манфиат дорад
HTML5 як унсури ҳаяҷонбахш номида мешавад, ки CANVAS номида мешавад. Он бисёр истифода мешавад, аммо барои истифодаи он шумо бояд якчанд JavaScript, HTML ва баъзан CSS -ро ёд гиред.
Ин метавонад CANVAS унсури якчанд конструкторро кам кунад, ва дар асл, аксар вақт эҳтимолияти элементро то он даме, ки воситаҳои боэътимод барои эҷод кардани аниматсияҳои CANVAS ва бозиҳо бе донистани JavaScript истифода набаранд.
Чӣ HTML5 Canvas барои истифода
Элементи HTML5 CANVAS метавонад барои бисёр чизҳое, ки пештар истифода мешуд, истифода бурдани барномаи embedded-ро ҳамчун Flash истифода бурд.
- графикаи динӣ
- бозиҳои онлайнӣ ва бозӣ
- аниматсияҳо
- interactive video ва аудио
Дар ҳақиқат, сабабҳои асосии истифодабарандагони CANVAS барои он аст, ки чӣ гуна осон кардани веб саҳифаи оддӣ ба барномаи вебсайтии динамикатсия ва сипас ин барномаҳо ба барномаҳои мобилӣ барои истифода дар бораи смартфонҳо ва лавҳаҳо табдил диҳед.
Агар мо Flash дошта бошем, чаро мо мехоҳем бо немисҳо?
Мувофиқи HTML5, элементи CANVAS ин аст:
"... як тасвири гипофизикии ранга, ки барои тасвири графикҳо, графикаи бозӣ, санъат ё дигар тасвирҳои дар филтр истифодашаванда истифода мешавад."Элементи CANVAS ба шумо схема, графика, бозиҳо, санъат ва дигар визуалӣ дар саҳифаи веб дар вақти воқеӣ сазовор аст.
Шумо метавонед фикр кунед, ки мо аллакай бо Flash метавонад аллакай кор карда метавонем, вале ду фарқияти асосии CANVAS ва Flash мавҷуданд:
- Элементи CANVAS дуруст дар HTML ҷойгир шудааст. Сабтҳое, ки бар он ворид мешаванд, дар HTML ё дар файли берунӣ ҷойгир мебошанд. Ин маънои онро дорад, ки элементи CANVAS як қисми модели объекти тасвиб ё DOM мебошад.
- Флеш файли берунии embидааст. Он унсурҳои EMBED ё унсурҳои NEXT-ро барои намоиш додан ва бевосита бо дигар элементҳои HTML муошират намекунад. Азбаски элементи CANVAS як қисми ДОМ мебошад, он метавонад бо ДМ ба бисёр роҳҳо дахолат кунад.
- Масалан, шумо метавонед аниматсияро эҷод кунед, вақте ки баъзе қисмҳои дигари саҳифа бо ҳамдигар алоқаманд мешаванд - ба монанди шакли элементҳои элементӣ. Бо Flash, аксари шумо метавонед онро филм ё animate оғоз кунед, аммо бо CANVAS шумо метавонед таъсири зиёди гуногун эҷод кунед, ҳатто илова кардани матнро аз майдони шакли ба аниматсия илова кунед.
- Элементи CANVAS аз тариқи браузерҳои вебсайт дастгирӣ карда мешавад. Бо мақсади истифодабарандагон дар ҳақиқат Flash, браузери онҳо бояд насб карда шаванд. Ин аксар вақт барои аксари одамон мушкилоте дорад, ки аз сабаби фазои пурборшудаи Flash ё воқеияти системаи оператсионии онҳо дастгирӣ намекунад.
- Он истифода бурда мешавад, ки ҳар браузер дорои варақаро насб карда бошад, вале ин ҳолат дар ҳолате нест, ва бисёриҳо ҳатто вирусро аз сабаби душворӣ бартараф мекунанд. Plus, он ҳатто дар платформаи маъмули маъмулӣ дастрас нест.
Canvas ҳатто агар шумо ҳеҷ гоҳ ба Флеш истифода набаред
Яке аз сабабҳои асосии он аст, ки элементи CANVAS хеле ғалат аст, ки бисёре аз дизайнерон ба веб бодиққат истифода бурда мешаванд. Тасвирҳо метавонад animated, аммо он бо GIF анҷом дода шудааст, ва албатта, шумо видеоро ба саҳифаҳои вебсайтҳо ворид карда метавонед, аммо ин видео вируси видеоие аст, ки танҳо дар саҳифа ҷойгир аст ва шояд аз сабаби фаъол шудан оғоз ё қатъ шавад, аммо ин ҳама.
Элементи CANVAS ба шумо имкон медиҳад, ки ба саҳифаҳои вебсайтҳои шумо бештар пайванд дошта бошад, зеро акнун шумо метавонед графикҳо, тасвирҳо ва матнро бо забонҳои скрипка назорат кунед. Элементҳои CANVAS ба шумо кӯмак мерасонанд, ки тасвирҳо, суратҳо, ҷадвалҳо ва графикҳоро ба унсурҳои аниматсионӣ табдил диҳанд.
Ҳангоми баррасии истифодаи Element Canvas
Ҳангоми қабули қарор оид ба истифодаи унсурҳои CANVAS, бояд аудиторони шумо бояд аввал фикри шумо бошанд.
Агар тамошобинони шумо асосан бо Windows XP ва IE 6, 7, ё 8 истифода шаванд, пас эҷоди филми динамикии динамикӣ ба назар мерасад, зеро ин браузерҳо онро дастгирӣ намекунанд.
Агар шумо кореро, ки танҳо дар мошинҳои Windows истифода мебарад, Flash метавонад таблиғи беҳтарин бошад. Барномаҳое, ки дар компютерҳои Windows ва Mac истифода мешаванд, метавонанд аз барномаи Silverlight баҳра гиранд.
Бо вуҷуди ин, агар барномаи шумо бояд дар дастгоҳҳои мобилӣ (ҳам Android ва ҳам дар iOS) ва ҳам компютерҳои замонавии мизи корӣ (ба версияҳои охирини браузер навсозӣ карда шуда бошад), пас бо истифода аз дастгоҳи CANVAS интихоби хуб аст.
Дар хотир доред, ки бо истифодаи ин элемент имконият медиҳад, ки имконоти бозгашти ба монанди тасвирҳои статикӣ барои браузерҳои калонтаре бошанд, ки онро дастгирӣ намекунанд.
Бо вуҷуди ин, барои истифодаи ҳама чизҳои шабеҳи HTML5 тавсия дода намешавад. Шумо набояд ҳеҷ чизро ба чизҳои монанди логотипи, сарлавҳа ва navigationатон истифода баред (ҳарчанд истифодаи онро ба аниматсия додани ягон қисми инҳо хуб мебахшад).
Мувофиқи таснифот, шумо бояд унсурҳое истифода кунед, ки барои сохтани он кӯшиш мекунанд. Пас, бо истифодаи элементи HEADER дар якҷоягӣ бо тасвирҳо ва матн ба элементҳои CANVAS барои сарлавҳаи худ ва логин интихоб карда шудааст.
Ҳамчунин, агар шумо эҷод кардани веб ё барномаро, ки барои дар шакли чопи ғайритиҷоратии интерфейс истифода мешавад, эҷод кунед, шумо бояд фаромӯш кунед, ки элементи CANVAS, ки динамикии навсозӣ шуда буд, натавонистаро чоп кунад. Шумо метавонед чопгари мундариҷаи ҷорӣ ё мундариҷаи бозгашт.