HTML Canvas. Tekstas

HTML 5Tęsdami įrašus apie HTML Canvas, šiandien aptarsime keletą elementų kurie tikrai pravers jums jei norite svetainėje naudoti specifinius šriftus ar sukurti foną einantį nuo tamsios iki šviesios spalvos.

Straipsnyje neaptarinėsime kaip pradėti dirbti su <canvas> elementu, tam galite paskaityti straipsnį – HTML5 Canvas. Paprasto kvadrato braižymas.

Skaityti visą >>

HTML5 Canvas. Paprasto kvadrato braižymas


canvas
elementas sukurtariausias animacijas iškarto naršyklėje nenaudojant jokių kitų objektų ir įrankių tokių kaip Flash, Silverlight, Java ir kitų.

Pagrindinis dalykas ką reikėtų žinoti kad canvas braižomas pasinaudojus JavaScript kuris padeda nubrėžti vieną ar kitą liniją ar objektą. Šiuo metu canvas braižomas tik 2D erdvėje, nors pačioje HTML5 specifikacijose rašoma kad ateityje turėtų atsirasti ir 3D erdvė.

Skaityti visą >>

Braižom grafikus su dygraphs

Kuo toliau tuo labiau Flash mums nebereikalingas. Jau dabar galima paišyti piešinius vien tik su HTML ir JavaScript (canvas). Galime braižyti grafikus vėl tik su HTML ir JavaScript (canvas). O jeigu reikia piešti serverio pusėje sudarant statinį grafiką ar paveiksliuką, užtenka pasinaudoti PHP GD biblioteka. Taigi Flash pozicija šiuo atveju krenta, nes nenaudojami bereikalingi kompiuterio resursai norėdami atvaizduoti grafiką.

Šiame straipsnyje panaudosiu dygprahs JavaScript biblioteką, kuri leidžia sukurti interaktyvų grafiką pagal duotus duomenis kurie gali būti perduoti kaip nuoroda į puslapį, CSV formatu ar tiesiog paprastu tekstiniu failu.

dygraph JavaScript bibliotekos pavyzdys

dygraph pavyzdys

Skaityti visą >>