Брзо и лако манипулирајте елементом платна ХТМЛ5 помоћу јЦанвас

Реклама

Веб као што знамо да се развија брже него икад раније. Касно, ХТМЛ5 ступа на сцену, пружајући могућност развоја високо интерактивних веб апликација без потребе за власничким Фласх. Уместо тога, све што кориснику треба је подржани, модерни веб прегледач, и они ће моћи да уживају у ономе што веб може да понуди.

Међутим, стварање таквог интерактивног садржаја никада није тако лако као пита, и то правило не искључује главни елемент ХТМЛ5 који ради сав посао: платно. Ако пратите оно што могу понудити најновији прегледачи, неки од њих могу укључивати ГПУ убрзани доживљај који чини да се елемент платна знатно боље одвија. Доступни су оквири који покушавају мало олакшати развој елемента платна, посебно јКуери. Али чак и тада, јКуери вас прилично утиша. Веб програмери, ево нешто боље за вас.

О јЦанвас-у

јЦанвас је мали јКуери додатак у потпуности написан на ЈаваСцрипт-у што знатно олакшава рад са јКуери-ом и самим тим ХТМЛ5 елемент платна. Веб програмери ће имати велику корист од коришћења јЦанвас. Коришћењем јЦанвас, радите са много једноставнијим кодом, у којем ће додатак обавити посао и превести га у одговарајући код за покретање јКуери.

Примери коришћења

јЦанвас може цртати велики број објеката. На пример, овде можемо видети елипсу која је испуњена градијентом. Постоји пуно параметара које можете поставити и задржати количину стварног кода што је мање могуће. У овом примјеру, најприје су постављени параметри градијента (удаљености, боје итд.), А затим цртање саме елипсе. За програмере, ово би требао бити врло привлачан начин за писање кода без синтакса изнад врха.

У овом примјеру, редовна јпг слика се обрће на пола пута. Прва функција (или скуп упутстава) поставља начин одвијања инверзије, док друга функција црта слику и на њу учитава функцију инверзије. Када се код покрене, добићете слику на половини обрнутог.

У нашем коначном примеру, различити облици су цртани помоћу различитих функција које пружа јЦанвас. Зелени, непопуњени правоугаоник нацртао је једноставном функцијом посвећеном правоугаоницима. Као и увек, можете да прилагодите свој правоугаоник, чак и са параметрима за ширину хода и радијус угла (износ који углови треба заокружити). Пентагон је нацртан опћенитијом функцијом која се односи на све правилне полигоне. Такође можете да примените све исте параметре као и код осталих функција.

Разлика је важна јер можете цртати квадрат и са функцијама правокутника и полигона, али можете цртати правокутнике само помоћу функције правоугаоника. (Квадрати су правоугаоници, али правоугаоници нису увек квадрати!)

Остале информације и подршка

Можете пуно више да радите са сваком функцијом, плус постоји још много функција које можете користити! Можете преузети јЦанвас одласком овде. Ако вам је потребна помоћ, комплетан, добро написан Страница са документацијом требало би разјаснити већину ако не и сва питања. Ако то и даље не функционише, можете се обратити програмеру јЦанвас-а тако што ћете провјерити његове податке овдје. Ако желите да испробате јЦанвас пре него што се поиграте са њим на својој веб локацији, програмер је поставио веома кул изглед Страница са песком где можете да унесете код и гледате како се магија дешава.

Коначно, ако желите да допринесете отвореном изворном пројекту јЦанвас, више сте него добродошли да то учините тако што ћете овде. јЦанвас увек унапређује програмер, а нова издања су доступна сваких неколико недеља.

Закључак

јЦанвас је одличан веб алат који ће вам олакшати искуство програмирања, посебно ако сте тежак корисник елемента платна. Опет, неке од главних карактеристика су:

• Нацртајте облике, путање, слике и текст.
• Обликујте их коришћењем боја, градијената, дезена и сенки.
• Манипулирајте платном (ротирајте, размјера итд.).
• Велики избор опција које одговарају вашим потребама.

Корисници интернета ће вам такође захвалити што користите јЦанвас, јер ћете имати више времена за потпуно развијање своју веб апликацију и уверите се да има сву функционалност коју желите да има, док одлично уживате перформансе.

Да ли сте веб програмер који је укључен у ХТМЛ5? Мислите ли да ће вам јЦанвас помоћи у вашем развоју? Које бисте карактеристике желели да видите у јЦанвас? (прво проверите у документацији шта је већ имплементирано!).

Кредитна слика: Само несаница