Bon je me lance pour un topic consacré au SVG (=Scalable Vector Graphics) :  
Merveilleux langage basé sur le XML permettant de réaliser du graphisme (images interactive, animations, representations graphiques dynamiques...) pour vos pages Web en vectoriel, on le compare souvent à Flash mais je n?ai pas envie de lancer un troll ici, c?est pas le but?
Alors je vais étoffer ce topic au fur et à mesure de mes connaissances mais comme en ce moment je suis plongé dedans, j?en fais profiter tout le monde.
 
1- Pour commencer le plus simple est d?avoir un Reader permettant « d?interpréter » le SVG, personnellement j?ai le Reader d?Adobe :
http://www.adobe.com/svg/viewer/install/main.html
 
mais il y a également celui de Corel :
http://www.corel.com/svgviewer
 
2- Les spécifications W3C, car l?intérêt de SVG est aussi d?être W3C compliant puisque issu du XML :
http://www.w3.org/TR/SVG/
 
Les News de SVG sur le site du W3C:
http://www.w3.org/Graphics/SVG/Overview.htm8
 
Explorer le SVG (tres tres bon site):
http://www.svgx.org/
 
3- J?ai attendu le point 3 pour aborder un problème sensible, la compatibilité des browsers, Internet Explorer étant largement favorisé pour l?instant (Microsoft ayant aidé à la création du langage), les readers vous permettront donc de lire le SVG avec IE seulement, il y a un projet sur Mozilla :
http://www.mozilla.org/projects/svg/
mais ce n?est pas encore concluant (affaire à suivre étant fidèle à Mozilla)
 
4- Apprendre, les bons sites :
http://www.xml.com/pub/a/2001/03/21/svg.html(anglais)
http://pilat.free.fr/ (en français)
http://www.learnsvg.com/(anglais)
http://www.xml.com/graphics/
http://www.adobe.com/svg/ (anglais)
http://www.allhtml.com/svg/index.php (c?est pas que le site est bien mais c?est en français et pour débuter c?est pas mal)
 
 
5-Les editeurs :
On peut utiliser deux types de logiciels.Personnellement j?utilise un Editeur de texte simple (avec un template XML pour la coloration ça suffit amplement et on comprend ce qu?on fait )
mais on peut aussi utiliser des logiciels comme Illustrator ou certains produits Corel.

• Jasc WebDraw(trial version)
• Sodipodi(GPL)
• Dwarf(usage personnel)

Une bonne liste sur le site du w3c:

• Editeurs de toutes sortes

6-Les outils de transformations
On peut transformer toutes sortes de formats en SVG: reference encore au site du w3c:

• Conversions Tools

7-Section Java (bah je travaille avec alors j'ai quelques liens specifiques à java)

• Toolkit: http://xml.apache.org/batik/
• Librairie Tag pour placer le SVG au sein d'une page web (ici jsp) :http://www.printx.org/svgembed/index.php

N?hesitez pas à me fournir vos liens, j?apprend aussi en ce moment alors j?en manque surement pleins?

j'ai trouvé un bug dans le reader d'abode, j'etions tres content
 
edit sinon faire du SVG a la main c quand meme un peu relou, faut dire ce qui est

bah tout depend de ce que tu veux faire   , perso pour ce que je fais, je trouve ça plus pratique (communiquer avec une BDD et faire le SVG à la volée)
 
et c'est quoi ce bug dont tu parles?
moi c'est le reader de Corel qui à merdé  

 
rien de bien grave, juste une ligne parasite qui apparait sous un certain angle /zoom (et que j'ai pas, moi. donc soit c moi qui bug, soit c eux, mais vu que chez moi c plus beau )

bonne idée de tomik .....  
Le SVG est peu connu. Serait-il possible d'avoir un morceau de code pour que l'on voit a quoi ca ressemble ?
merci  

 
l'interessant c le rect="..." le reste c du blabla

ô le beau rectangle jaune    
 
mon premier SVG avec le tuto du livre "SVG Programming: The Graphical Web" de Kurt Cagle (un ancien de chez Macromedia, tiens tiens )
 

 
chrisbk: à quoi serves tes 2 premieres lignes?
 
edit: tout ça pour dessiner quoi: un panneau STOP  

uriel : aucune idée, c'est du CC du site au w3c

merci pour les exemples    
ca represente quoi ton code uriel ?  
existe t'il des editeurs SVG gratuits et performants ?
pourquoi ne pas poster vos liens pour les futurs utilisateurs  

au risque de dire une connerie c'est les declaration de document xml et la dtd w3c du format SVG (afin que le navigateur le reconnaisse)

le code ci dessus c'est un panneau stop, pas d'animation...
un lien vers un autre topic fais sur graphisme il y a peu:
Cliquez ici
pour les editeurs, un bloc note suffit mais perso j'utilise un editeur qui fait le XML (pour la coloration).
en IDE gratuit, je sais pas franchement    

IWH  
d'ailleurs il y'avait toute la section prog : zion, chrisbk, kadreg ....

comment j'ai pu oublier ça, je l'utilise en ce moment:
 
http://xml.apache.org/batik/
 
c'est un toolkit en java pour les appli ou servlet utilisant les images SVG, pratique pour les generer, les manipuler ou juste les regarder

tres bon topic

euh (pas taper), concretement c'est quoi l'avantage par rapport à du bitmap?
je veux dire: donnez moi des exemples concrets d'utilisation ou ça present un avantage net

pt'et parce que c'est dynamique déjà  

• c'est W3C compliant
• c'est dynamique (plusseoiment de simogeo) au sens mouvement (avec le javascript ou le SMIL) ou au sens relation avec une base de données (toujours avec les mêmes techniques)
• c'est du vectoriel (pas le bitmap? )
• etc...  

edit: à la rigueur compare le au Flash mais au bitmap

je trolle pas hein, c'est juste pour avoir une image claire du machin
 
* je peux generer du flash (avec ming) ou des bitmaps (avec plein de trucs) assez facilement, y'a plein de bonnes api qui trainent pour ça ...
 
* est-ce qu'une image un tant soit peu complexe sera reellement plus legere en svg (avec toutes les "fioritures" dues à l'xml) plutot qu'en bitmap ?
 
* le vectoriel peut m'apporter la possibilité de zoomer... ok mais si on parle de cartes routières par exemple (le seul exemple qui me vient là ou zoomer pourrait etre utile), le fichier svg serait plus qu'enormissime à loader non? a moins qu'un mecanisme soit prévu pour qu'il y ait plusieurs fichiers selon le niveau de zoom?

 
c'est justement a ça qu'on doit l'arrivée du SVG je pense    
il fallait bien qu'adobe se place avec un format graphique dynamique pour le web
 

 
c'est notamment le cas des cartes mappy (avec flash) et la lourdeur est supportable.
zoomé ou pas le fichier n'est pas plus lourd

c'est justement un des premiers trucs de SVG la géographie, carte routière, geologique, etc... tu as pas besoin de loader toute la carte, tu load seulement la partie ou l'utilisateur zoom, donc ça reste leger...
 
en plus, perso j'utilise java et Batik me permet de génerer le SVG assez facilement (en plus y a un plugin Batik sur eclipse )

c'est quoi eclipe ?  

 
un IDE pour java surtout et d'autre trucs maintenant    
lien dans la FAQ java

hmm et comment ça fonctionne le zoom comme tu le décrit? c'est donc pas un zoom "animé" !?
 
et sinon, prout je vais finir par utiliser eclipse ou quoi pourtant intellij-idea c'est mieux
(en plus y'a une api open pour les plugins...)

ha, excellent, batik propose une implementation de graphics2D pour faire du svg!?

eclipse c'est bien  
  Batik c'est bien  
 
image SVG
 
tu fais le zoom soit avec CTRL+clic soit en clique droit zoom, tu peux deplacer l'objet en faisant ALT+souris aussi mais pas en dehors du cadre
 
edit: pour le zoom, tu peux aussi créer des boutons de zoom

Les meilleurs tutoriaux d'SVG :
 
sur le site d'IBM (qui a pas l'air de marcher en ce moment):  
http://www-105.ibm.com/developerwo [...] &Count=500
 
Et la partie SVG d'XML.com :
http://www.xml.com/graphics/
 
Un très bon outil d'édition SVG (y a plus qu'à récupérer le code pour faire des transformations XSLT) :
 
Jasc WebDraw
 
en trial download ici : http://www.jasc.com/products/webdraw/

Le svg, comme tout autre format graphique XML d' ailleurs, peut t'apporter d'avoir des liens vivants entre des elements graphiques, et des elements textuels, tout en respectant les mecanismes XML et en n' ajoutant pas de couche proprietaire.
 
Exemple d'utilisation:
Un catalogue de pieces pour un moteur. tu peux faire un lien direct entre un descriptif de piece et la piece dans une image SVG du moteur par exemple. Et si tu retravailles l'image (ajout d'autre pieces, deplacement de la piece...) avec un editeur SVG, ton lien restera valable (sauf suppression de la piece dans l' image).
Un petit filtre pourra aisement t'indiquer les incoherences entre ton catalogue et les pieces figurant dans le dessin du moteur (but de lien sans source correspondant et reciproquement...)
etc etc.
Je ne m'etendrai pas plus longuement sur la question, mais il y a plein d'avantages a faire du vectoriel structuré.
A+,

 
deja posté par uriel dans ce topic meme, faut suivre, ban et tout ca

merci chocoboy   et les autres, j'ajoutes les liens en 1er post  

Je débute en SVG et franchement, ça m'enthousiasme vraiment!
 
Pour l'instant je fais surtout de la bidouille histoire de découvrir les bases... Genre: génération de fractals avec de petits scripts Perl tout cons...
 
Combiné à des choses comme XSL ou XSL-FO, il y a moyen d'obtenir des applis terribles (génération de documents pdf illustrés à partir d'une base de données, animations web interactives...).
 
En tout cas, moi ça m'éclate de faire mes petits dessins avec un simple éditeur de texte!
 
 
Sinon, j'ai déjà fait quelques essais intéressants avec "The Gimp": je trace un contour avec la "plume", j'exporte le tracé, je mouline avec un petit script Perl et j'obtiens mon contour en SVG... (Vous vous en foutez peut-être de ma vie, non? )
 
Un seul regret: pour l'instant, je suis obligé d'utiliser Windows pour faire du SVG... Quelqu'un connaîterait-il un viewer potable sous Linux?

tu m'interesses là!
y'a moyen de voir? (genre l'original sauvé en png par exemple et le meme en svg?)

arf, j'avais perdu mon drapo ici    
resultat je voyais pas qu'il y avait de nouvelles reponses    
 
bon j'ai plein de nouveaux liens moa   vais ajouter ça demain ou plus tard  
 
re

moi aussi
joce

 
bourdaille , c'est encore un de ces trucs horribles sans fond à la gimp... à chaque fois, je suis tout perdu moa avec ça    
 
mais il est pas mal sinon  

 
Sinon, personne n'a essayé Jasc Webdraw ? Ca aide franchement beaucoup pour générer du SVG, y a plus qu'à retoucher les parties qu'on souhaite voir dynamique...

Je travaille sur une librairie de génération de graphique SVG pour VS.NET en C#
 
quelques liens pour ceux que ça intéresse
 
Librairies
 
http://www.icsharpcode.net/OpenSource/SharpZipLib/
http://www.sharpvectors.org/
http://www.jbrowse.com/svgnet/
 
Documentation
 
http://www.adobe.fr/web/features/svg/faq.html#whatis
http://msdn.microsoft.com/msdnmag/ [...] fault.aspx
http://www.kevlindev.com/tutorials [...] /index.htm
http://www.comdoc.fr/comdoc/memosvg.htm
http://www.xml.com/pub/a/2002/01/23/svg/index.html
http://tecfa.unige.ch/staf/staf-g/ [...] torial.pdf
 
Exemples
 
http://luxor-xul.sourceforge.net/t [...] lides.html
http://www.adobe.com/svg/basics/intro.html
http://www.adobe.com/svg/demos/samples.html
 
 

       
A+,