Canvas Demo
Jednoduchá praktická ukážka toho, ako využiť element CANVAS.
Element CANVAS umožňuje pomocou JavaScript-u kresliť ľubovoľné čiary či tvary akýchkoľvek farieb a typov. Podporujú ho všetky normálne browsery. V Internet Exploreri sa ich funkčnosť simuluje pomocou 2D projekcie WML objektu. Emuláciu zaisťuje knižnica ExCanvas, ktorú vyvíja team programátorov z Googlu. Asi najlepšou ukážkou tejto technológie v praxi je Yahoo Pipes.
Pekné na tejto technológii je, že sa pomocou nej dajú kresliť rôzne šikmé a krivé čiary, v podstate bez ohľadu na použitý browser. Keďže všetky normálne browsery podporujú CANVAS natívne a Internet Explorer zas podporuje WML natívne, užívateľ nepotrebuje mať nainštalovaný žiadny plug-in ani nič podobné. Praktické využitie teda vidím hlavne v rôznych intranetových aplikáciách, kde sú užívatelia často nútení používať centrálne nainštalované a nakonfigurované počítače bez možnosti čokoľvek doplniť či zmeniť.
Demo
Táto ukážka vznikla ako playground a proof of concept. Vytvoril som ju keď som sa s touto technológiou potreboval oboznámiť kvôli pracovnému projektu.
Všetky elementy je možné preťahovať. Čiary ktoré ich spájajú sa ihneď prekresľujú.
ROOT
Súbory na stiahnutie
| Názov | Typ | Veľkosť | |
|---|---|---|---|
 |
canvas_demo.js | JavaScript | 6.38 KB |