svg devzone

"I'll let you figure out
which one has been slow in supporting SVG." Tim Berners-Lee

Scour : nettoyer votre code svg

Scour : nettoyer le code Svg

Si vous uilisez des logiciels pour créer vos graphiques SVG, vous vous êtes sûrement demander à quoi servaient tous ajouts de codes propriétaires. Et surtout si vous pouviez les enlever.
. Il est assez difficile en effet de s'y retrouver dans un code éditer par Inkscape par exemple.

Scour vient à votre secours

Scour (Cleaning SVG Files)est un script écrit en python par Jeff Schiller qui permet de rendre ce code propre et plus facilement lisible.
Cela vous permettra par exemple de plus facilement incorporer du code javascript en identifiant plus aisément les éléments qui composent votre Svg.

Son utilisation est simple comme "bonjour" et même plus.
Il vous suffit d'avoir python installé sur votre système et de télécharger le script. Une fois cela fait, il vous suffut de lancer Scour en ligne de commande et le tour est joué.

$ python scour.py -i input.svg -o output.svg

Un petit test avec Inkscape

exemple sous Inkscape

Créer un simple dessin sous Inkscape et sauvegardez le sous votreDessin.svg. Pour l'exemple un simple dessin à main levée. Je ne mets pas tout le code généré par cet excellent logiciel; Il est bien trop long pour cela.


<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="210mm"
   height="297mm"
   id="svg2"
   sodipodi:version="0.32"
   inkscape:version="0.46"
   sodipodi:docname="dessin-1.svg"
   inkscape:output_extension="org.inkscape.output.svg.inkscape">
  <defs
     id="defs4">
    <inkscape:perspective
       sodipodi:type="inkscape:persp3d"
       inkscape:vp_x="0 : 526.18109 : 1"
       inkscape:vp_y="0 : 1000 : 0"
       inkscape:vp_z="744.09448 : 526.18109 : 1"
       ...etc

Appliquez maintenant le script scour à votre graphique.
Editez et comparez ... C'est vraiment bien mieux non ?
En tous les cas moi j'y retrouve bien mieux les éléments que je peux maintenant 'coder' sans me soucier si cela va faire planter mon svg.

Remarques en guise de conclusion

Tout d'abord, un grand merci à Jeff Schiller pour cet excellent utilitaire.
N'hésitez pas à régulièrement visiter son site.
J'ai de plus l'impression qu'il se passe de plus en plus de chose autour du Svg en ce moment. Et force est de constater que pas mal de projets voient le jour en ce moment et que la nouvelle impulsion initié par Svg Web (code.google) va enfin rendre ses lettrages graphiques de noblesse au Svg.

SVG Zone

probleme de connexion au flux RSS

Problème lors de la lecture du RSS ...
Le flux semble avoir été interrompu !

Yahoo svg group

Re: SVG in html5

Yes I want to understand how much is expected from an editing tool which does the validation and highlightling of all the tags and attributes and provides...

... lire la suite

Viewer

Hi I'm looking for a viewer to look at Postgis spatial data probably through a data aware component rather than a direct connection. Using Postgis SVG appears...

... lire la suite