Une des figures de proue de HTML 5 est l’élément <canvas>. Cette API de dessin 2D pour le Web est une alternative sérieuse et puissante à Flash ou Java pour concevoir en ligne et dynamiquement des images fixes ou animées, à l’aide de formes ou via des tracés pixel par pixel.

La zone active relève d’un élément dont les dimensions sont définies dans le code de la page. Un ensemble de fonctions JavaScript permettent un accès à la zone de dessin, en modification ou en lecture.

Parmi les possibilités offertes figurent :

des méthodes de tracé de formes géométriques (cercles, rectangles…) ;

des méthodes de tracé de polygones ;

des méthodes de choix de styles de couleurs et de remplissages ;

des méthodes de tracé de texte ;

des méthodes d’import ...

Get HTML 5 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.