Dans le numéro 111 du magazine vous avez pu découvrir comment créer une extension Firefox. Ici, nous allons nous concentrer sur l'intégration d'une image vectorielle dans du code XUL.
Texte de l'étape : Il existe de nombreux éditeurs d'images vectorielles. Dans le monde du libre, c'est Inkscape qui est la référence. Il existe également des outils pour exporter les documents en SVG. Freemind, un éditeur de cartes mentales, intègre cette solution. L'image que nous utiliserons présentée sur l'article SVG de Wikipedia : http://fr.wikipedia.org/wiki/Image:Tectonic_plates.svg
Ici, nous allons construire notre fenêtre et y intégrer deux boutons pour gérer la fonction de zoom.
title="Tutoriel SVG et XUL"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
width="700"
height="700"
persist="screenX screenY width height sizemode">
Nous allons maintenant ajouter le code javascript qui effectuera le zoom. La portion de code suivante est à insérer à l'intérieur de la balise window.