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

Reklama

Komentáře

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

Viz článek: "Celé kouzlo spočívá v použití značky < canvas >. Ta je podporována ve Firefoxu a v Opeře od verze 9. " Ve Firefoxu mi to šlape.

Jan Polzer, Maxiorel.cz, Screenshots Archive, Anastacia.cz

Tvořím weby. Nabízím poradenství pro Drupal. Jsem na Twitteru.

Přidat komentář