2009
2006
![](http://blogmarks.net/screenshots/2006/01/26/c7f2016cafd29e2906649672f8388a0e.png)
SVG, Canvas & co - News Xulfr
Vous avez certainement pu voir la démo de l'horloge codée avec la technologie Canvas. Voici ce même exemple mais codé avec d'autres technologies.
Comment fonctionne l'application originale ?
Elle utilise une balise nommée <canvas/> qui permet de dessiner en Javascript. Conrètement, il y a un dessin pour le fond de l'horloge, et un dessin pour chaque aiguille. Via un code javascript du <canvas/>, les positions des aiguilles sont mises à jour. Le fait de pouvoir bouger l'horloge sur la page est une mise à jour des coordonnées du <div/> qui embarque l'horloge.
C'est une jolie démo qui montre comment utiliser Canvas et ce que l'on peut en faire.
René-Luc D'Hont vous propose exactement la même démo mais avec 2 autres technologies, le SVG et XBL.
Ces démos ne sont visibles que sous Firefox 1.5.
2005
![](http://blogmarks.net/screenshots/2006/03/19/dc3afe592b4ac6535c949d4a372bf483.png)
Mozilla Demos Page
![](http://blogmarks.net/img/default-gravatar.gif)
This page contains links to a few demos which show off Mozilla's excellent standards support.
Sticky Notes Demo - mozilla.org
![](http://blogmarks.net/img/default-gravatar.gif)
This demo uses XBL to create a widget that functions as a board for PostIt notes. It's possible to add new Notes, to edit already existed ones (E) and to delete obsolete ones (X).
1
(5 marks)