PUBLIC MARKS with tags javascript & svg

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.

Quelques routines en javascript et SVG pour manipuler les objets

This JavaScript file allows you to enable SVG entities to be draggable via the mouse. Instructions are included in the top of the library file.

This JavaScript file allows you to enable SVG entities to be draggable via the mouse. Instructions are included in the top of the library file.

implémentation svg en javascript à l'aide de canvas