Vytvořte si vlastní online grafický editor

Možnosti současných webových prohlížečů jsou díky podpoře JavaScriptu již na takové úrovni, že není problém si vytvořit grafický editor, který bude součástí webové stránky. Bez problému můžete ukládat obrázky, kreslit nejrůznější geometrické obrazce, ukládat svá díla a načítat obrázky z webu. Využití se najde také při tvorbě zajímavých online her. Chcete na svém webu online FPS? Žádný problém.

Celé kouzlo spočívá v použití značky < canvas >. Ta je podporována ve Firefoxu a v Opeře od verze 9. Značky canvas vytváří kreslicí plátno, na kterém můžete pomocí JavaScriptu vytvářet nejrůznější obrazce. Prohlédněte si několik praktických ukázek možného využití této značky:

CanvasPaint – online grafický editor připomínající Malování z Windows
3D Walker – ilustrace tvorba hry, ve které procházíte bludištěm
Canvascape – jako předchozí, využívá textury pro vykreslování stěny bludiště
CanvasGraph – ukázka schopností knihovny využívající canvas pro tvorbu grafů

Pokud víte o nějaké české webové stránce, která využívá canvas k něčemu užitečnému, budu rád, když dáte vědět do komentářů pod článkem. Pokud ne, doufám, že jsem vás alespoň inspiroval.

Grafický editor si poradí i s fotografiemi

Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal, WordPress a Symfony. Acquia Certified Developer & Site Builder. Autor několika knih o Drupalu.
Web Development Director v Lesensky.cz. Ve volných chvílích podnikám výlety na souši i po vodě. Více se dozvíte na polzer.cz a mém LinkedIn profilu.

@maxiorel