Canvas-elementti HTML5:ssä

Canvas-elementti

<CANVAS> on HTML5:n myötä tullut elementti, joka mahdollistaa yksinkertaisen kaksiulotteisen grafiikan piirtämisen suoraan HTML-sivulle. Luontevin toteutustapa varsinaiselle piirtämiselle on JavaScript. Elementti on paljolti kuten <IMG>-kuvaelementti, mutta attribuutteina ovat ainoastaan elementin leveys ja korkeus. Suurin ero on IMG-elementin staattisuudessa. Canvas-elementin sisältämää grafiikkaa voidaan mukauttaa dynaamisesti siten, että mukauttaminen voidaan tehdä käyttäjän selaimella paikallisesti ilman, että mukauttamiseen tarvitaan palvelinkutsuja.

CANVAS-elementti on usean verkkoselaimen tukema. Yleisesti käytetyistä verkkoselaimista mm. Opera, Safari, Chrome ja Firefox tukevat CANVAS-elementin käyttöä. Internet Explorer tukee elementin käyttöä veriosta 9 lähtien.

Tällä sivustolla perehdytään lyhyesti CANVAS-elementin käyttöön. Palaute-sivun yhteydessä on lyhyt luettelo linkeistä muille verkkosivuille, joiden avulla aiheeseen on mahdollista perehtyä tarkemmin.