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.
reklama

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.

CanvasPaint - grafický editor online
 
Grafický editor si poradí i s fotografiemi
Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal a Symfony. Obojí také školím spolu se základy SEO. Jsem Acquia Certified Developer a Site Builder a napsal jsem několik knih o Drupalu. Ve volných chvílích cestuji a podnikám výlety. Více se dozvíte na mém firemním webu.

reklama

Komentáře k článku

návštěvník

a co nejpouzivanejsi IE? nektere nastroje nefunguji ani ve FF, bohuzel nepouzitelne :(

Přidat komentář

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
Nové diskuze
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

Knihy o Drupalu

Kniha Drupal 8 Kniha Drupal 7 333 tipů a triků pro Drupal
Více na KnihyPolzer.cz

@maxiorel na Twitteru

Maxiorel na Twitteru