PUBLIC MARKS with tags firefox & svg

Appliquer des effets SVG sur du HTML

This entry is to serve as a guide so people can learn from my experiences. It was originally published in Dec 2005, but I will continue to update it as more items occur to me. It was last updated in Jan 2007.

SmilScript is a library intended for use by authors or publishers of SVG documents. SVG uses an extended subset of SMIL to achieve declarative (element-based, non-scripted) user interaction and animation events. This library is not intended to be used outside the context of SVG and its limited subset of SMIL, so it probabaly isn't appropriate for other SMIL content. It also will not work for Firefox builds that do not include the native SVG viewer (version 1.5 or later).

These are some web statistics for my site that I've wrapped into a Scalable Vector Graphics application. SVG has recently been implemented in browsers such as Firefox 1.5 and the upcoming Opera 9.

Making Cross-Viewer SVG Content Development Easier Posted by stelt apropos tools on Tue Aug 1st, 2006 at 16:44:03 BST To ease the development of cross-viewer SVG content I have started the SVG devbar, a collection of handy bookmark(let)s and a non-blank document to start coding SVG with. Both are meant to prevent and pinpoint bugs in your code and work around viewer shortcomings. Though this combination has a few very simple but handy functions already, it is in its very early stages. Several planned features are not yet implemented. Next to just bookmarklets, it might also grow into a rich Firefox SVG extension for example. Feedback is very welcome (e.g. feature requests, bugreports, offers of help).

version bêta du projet CIEL (Cours Interactifs En Ligne) mené par le laboratoire d'informatique de l'université d'Avignon. Ce projet est actuellement en cours de développement. L'application ici développée vise à proposer un module open-source original et pédagogique de cours en ligne, où l'interactivité et la personnalisation du parcours de chaque étudiant fait l'objet d'une attention toute particulière. Ces cours (qui sont encore au stade expérimental) utilisent des technologies internet particulières . Il sont optimisés pour des navigateurs Mozilla ou Firefox récents équipés d'un greffon de visualisation SVG (Scalable Vector Graphics).

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.

Une tentative un peu désuette de tester la dernière version d'Inkscape ainsi que le tout nouveau support SVG de Mozilla Firefox 1.5 que ceux qui n'utilisent pas ce navigateur ne pourront malheureusement pas complètement aprécier.

tech News - webservices - web2.0

Petite démo pour montrer ce qu'on peut faire avec SVG dans FF 1.5.

運用 FF1.5 的 SVG 功能，做的一個簡單模擬