A <canvas> egy olyan HTML elem, amely parancsfájlok (általában JavaScript) segítségével rajzolásra használható. Használható például grafikonok rajzolásához, készíthetők vele fénykép összeállítások, vagy akár egyszerű (és nem túl egyszerű) animációk. A jobb oldalon lévő kép néhány olyan <canvas> megvalósítást mutat, amely később feltűnik majd ebben az ismertetőben.
A <canvas> elemet először az Apple mutatta be a Mac OS X Dashboardhoz és később implementálta a Safari és a Google Chrome. A Gecko 1.8 alapú böngészők, mint például a Firefox 1.5, szintén támogatják ezt az elemet. A <canvas> elem a WhatWG Web alkalmazások 1.0 specifikáció része, amely HTML 5 néven is ismert.
Ez az ismertető bemutatja, hogy miként lehet megvalósítani a <canvas> elemt az ön HTML oldalain. A bemutatott példák egyszerű ötleteket adnak, hogy mi mindent lehet készíteni a <canvas> elemmel és használhatók a saját megvalósításai kivitelezéséhez.
Mielőtt nekilátna
A <canvas> elem használata nem túl bonyolult, de szükséges hozzá a HTML és a JavaScript alapszintű ismerete.
A <canvas> elemet néhány régebbi böngésző nem támogatja, de támogatja a Firefox 1.5 és későbbi változata, az Opera 9 és későbbi változata, a Safari újabb verziói, a Chrome, és Internet Explorer 9.
Ebben az ismertetőben az alábbiakról lesz szó
- Alapvető használat
- Alakzatok rajzolása
- Képek használata
- Stílusok alkalmazása és színek
- Transzformációk
- Összeállítások
- Alapvető animációk
- A canvas optimalizálása
Lásd még
- Canvas téma oldal
- Rajzok készítése Canvas elemmel
- Canvas példák
- HTML5 ismertető
- Szöveg rajzolása Canvas használatával
- Szöveg hozzáadása a Canvas elemhez
- Canvas demók - Játékok, alkalmazások, eszközök és ismertetők
- Canvas rajzoló eszköz
- Canvas animáció alkalmazás
- Interaktív canvas ismertető
- Canvas Cheat Sheet minden attribútummal és metódussal
- Adobe Illustratorból Canvas bővítmény
- HTML5 Canvas ismertetők
- Hogyan rajzoljunk pontot a Canvas API-val
- Hogyan rajzoljunk N fokú Bézier-görbéket a Canvas API-val
- A canvas ismertetők 31 napja