Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Canvas ismertető

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ó

Lásd még

Dokumentum címkék és a közreműködők

 Ezen oldal közreműködői: urbalazs
 Utoljára frissítve: urbalazs,