HTML CANVAS

Le canvas est un élément HTML5 qui permet d'incorporer, dans la page, un dessin construit via des instructions Javascript. La balise dispose des deux attributs HTML height et width pour indiquer en pixels les dimensions de la zone de dessin (indépendamment des dimensions de la zone d'affichage que l'on pourra modifier via les attributs CSS).

La valeur par défaut de l'attribut height est 150. La valeur par défaut de l'attribut width est 300.

Il existe deux API Javascript pour agir sur cet élément graphique :

• l'API canvas : que l'on va utiliser dans le cadre de ce cours pour faire des dessins en deux dimensions.
• l'API WebGL : qui permet de faire des dessins en trois dimensions en utilisant les possibilités d'accélération matériel de la carte graphique de l'ordinateur.