SVGFermé

Question

Bonjour,

Je développe actuellement un projet plutôt important, et j'aimerais lui donner plus de gueule. J'ai eu l'occasion de me renseigner sur le SVG assez récemment, mais j'ai un peu de mal à me faire une idée dessus. D'après ce que j'en lis, la majorité des navigateurs l'implémentent nativement, sauf IE, qui impose le téléchargement de plugins.

Ma question est donc la suivante: est-ce que ça vaut le coup d'apprendre ce langage? Est il appellé à se 'démocratiser' davantage au point d'être encore plus largement utilisé, ou son avenir est il plutôt limité?

En espérant ne pas irriter les adeptes par mes questions de novice,

Cordialement,

Smoke

Dalida · Answer

salut,

excellent sujet, excellentes questions !

SVG est une spécification W3C, pour le dessin vectoriel et même l'animation, c'est déjà une garantie de sérieux.

est-il voué à se démocratiser ?
j'aurais tendance à dire oui étant donné les efforts des navigateurs pour l'implémenter.

est-ce que ça vaut le coup ?
oui forcement, comme tout les langages !
-:oD
au delà de la réponse de Geek, c'est un fils de SGML donc ça veut dire facile à apprendre (encore plus pour un développeur web) et les possibilités offertes sont tout simplement énormes.
donc sans hésitation, oui, oui et oui !

et tu fais bien de lancer le sujet, ça fait des siècles que je me dis qu'il faut que je m'y mette sérieusement, ça pourrait être l'occasion !

as-tu déjà codé quelque chose ?
utilises-tu Inkscape pour dessiner ?

plus des liens, que tu connais sans doute déjà mais qui permettront peut être à d'autres de découvrir la bête…

des réponses à tes questions :
+ http://eric.van-der-vlist.com/attachments/hatom-decorated.xhtml
+ https://developer.mozilla.org/fr/docs/Web/SVG

des démos (moi c'est en voyant ça que j'ai été conquis par SVG) :
+ http://croczilla.com/bits_and_pieces/svg/

celui-là, juste pour la pendule (mais y a aussi des docs à trouver) :
+http://xmlfr.org/

et un wiki :
+ https://www.swaminarayanvadtalgadi.org/

imw · Answer

Tout à fait d'accord avec Dalida !!!


Vive le SVG ...

C'est vair que c'est pas encore grandement utilisé, mais c'est vraiment intéressant.
du xml et du javascript ... rien de bien sorcier !

Et pour IE, ben y'a un jour ou on va vraiment finir par ne plus rien coder pour IE ...
Quand ils auront compris, peut-être qu'on avancera ... (et même on vaincra !!! )

des exemples simples :
http://pilatinfo.org/routines/index.htm

des scripts d'exemple d'animation
http://srufaculty.sru.edu/david.dailey/svg/SVGAnimations.htm

Smoking bird · Answer

Salut Dalida :D

Ton enthousiasme sur ce sujet est palpable :o) ça fait toujours plaisir à voir :D

J'ai vu que c'était une spécification W3C, la garantie de sérieux est donc bien là, mais comme beaucoup de spécifications (oui? oui? j'entends parler de CSS3 dans le fond?), ça ne signifie pas que le projet se développera de façon optimale :(. Enfin, tes autres réponses me rassurent là dessus :D

J'ai noté aussi les efforts d'Opera, Safari et Firefox (pour ne citer qu'eux), mais l'absence visible d'effort de la part d'IE est plus problématique: est ce qu'on ne prend pas le risque de voir l'industrie tirée vers le bas parce que IE est à la traîne et qu'il est utilisé par la majorité? grave question :)

Pour la facilité d'apprentissage pour les développeurs, j'ai vu des extraits, ça a l'air assez tentant en effet :), et par opposition, je pense que je me sentirais mieux avec SVG qu'avec Flash par exemple, pour le côté animations. L'un me semble plus facile d'accès aux développeurs tandis que l'autre me semble plus 'axé' graphistes^^.

"et tu fais bien de lancer le sujet, ça fait des siècles que je me dis qu'il faut que je m'y mette sérieusement, ça pourrait être l'occasion !"

Te mettre à SVG sérieusement ou à présenter le svg? (:

Je n'ai encore rien codé, à cause de la base xml et du fait que mon approche du SVG est vraiment très très récente. Le xml m'intéresse mais je n'ai pas encore eu l'occas de m'y mettre, et je ne sais pas encore où je pourrais l'utiliser dans mes projets^^ ni comment l'intégrer.
J'ai Inkscape depuis plusieurs mois, mais je ne fais pas de dessin vectoriel moi même, j'avoue^^, je suis donc vraiment un super novice

Merci pour les liens, ils sont pas mal du tout :o). Le SVG en 15 points je l'avait déjà lu^^ il date de 2004 ce document :p faut le préciser pour les autres lecteurs :).
J'ai survolé la présentation sur le site mozilla, pas mal^^, ainsi que tes démos, plutôt impressionantes ;) et j'avais déjà vu une pendule en svg aussi :D

quant au wiki, j'me penche sur la question!

En tous cas merci de ta réponse, complète et rapide, c'est super :)

Smoking bird · Answer

Bin tiens, ça répond vite :D merci pour vos contributions messieurs, les animations sont très intéressantes^^

(et moi aussi j'veux la peau d'IE!!)

Smoking bird · Answer

Sauf qu'il y a déjà un bout d'implémentation de HTML5 dans quelques navigateurs :o) et qu'a priori, à ce que j'en comprends, ça devrait venir un peu plus vite que ce qu'ils disent^^. Pour css 3, disons que ça aurait déjà du être le standard actuel, mais qu'à cause de ce qu'ils appellent 'l'implémentation modulaire' ça va bien plus lentement: les constructeurs prennent leur temps, et les groupes de discussion sont un peu trop dispersés pour agir de façon suffisament cohérente. En gros: heureusement que quelques constructeurs prennent de l'avance sur les recommandations et propose du border radius et autre opacity^^

Merci pour le lien, utilisant beaucoup de php je pense que je serais dans mon élément :), en plus j'ai un bon bouquin là dessus, il doit forcément avoir son article dédié SVG^^ (PHP5 avancé: 5ème édition)

Donc, j'suis pas le seul à vouloir m'y mettre :D good!
Je pense que ça va m'intéresser pour faire des menus personnalisés et automatisés :) pour mes futurs clients qui veulent utiliser leurs propres polices^^ Du coup, puisque tu parles d'octets, c'est vraiment intéressant de ce côté là?
Quant au fait d'inclure du SVG dans du HTML directement j'ai vu des trucs à droite et à gauche, évoquant l'utilisation des balises objets et embed -_-, bref, pour le moment, des informations qui datent bien^^. Si je trouve des trucs plus récent j'te dis :)

Dalida · Answer

mdr…

moi j'ai commencé mes test et je me retrouve quasiment avec la même forme que la W3School…

http://www.grainedekeupon.fr/ccm/test/svg_essai_00.html

mais juste <object>, je trouve ça plus propre.

Smoking bird · Answer

j'suis moins avancé dans mes tests :D

http://spheresoccultes.com/projects/secretExhibition/svg/svgTest.svg

et j'reste en document svg complet pour le moment^^

imw · Answer

Ben faut croire qu'y en as qu'on que ça à foutre un dimanche après midi ... MDR

Smoking bird · Answer

merci imw^^ :)

Dalida · Answer

moi je me colle celui-là, y a quand même pas grand chose d'implémenté apparemment !

Smoking bird · Answer

ta source est vieille de 9 ans^o)

Smoking bird · Answer

j'ai du mal comprendre ta remarque: 'y a quand même pas grand chose d'implémenté apparemment !' my mistake :)

Smoking bird · Answer

ah okay^^ ça pue ça^^
j'ai pas encore tenté ce genre de fonctionnalité, je reste sur du super lambda pour le moment, j'essais de refaire le menu de mon projet en svg^^

Orvinfait · Answer

Bonjour,

SVG est un langage très intéressant qui est appelé à se démocratiser.

Google l'utilise très largement. Ce langage est présent dans Google Maps, Google Doc... Alors comment fait Google pour IE? Pour l'instant cette société utilise VML mais cela ne va pas durer.

	Pour la septième année il y aura en 2009 une conférence à propos de Scalable Vector Graphics (SVG). Cette conférence se déroule un peu partout dans le monde. En 2008 c'était à Nuremberg en Allemagne. http://www.svgopen.org/2008/
	Pour 2009 ce sera en octobre aux USA... chez Google. http://www.svgopen.org/2009/
	A cette occasion il devrait être présenté un moyen mis en place par Google pour permettre à Internet Explorer de lire des documents SVG : http://www.svgopen.org/2009/keynotes.shtm

	Faire fonctionner HTLM,SVG, Javascript et PHP via Ajax ensembles est aussi possible. Je l'ai fait avec un jeu de carte en réseau : 

Voici l'adresse de la règle du jeu.
https://www.orvinfait.fr
Le jeu est à 
https://www.orvinfait.fr
Pour ce jeu de cartes en réseau pas besoin de charger un logiciel ou de s'inscrire. Ce jeu se joue à deux mais il y a une option qui permet de tester le jeu seul. Dans ce cas deux onglets sont ouverts dans le navigateur et la personne joue pour les deux joueurs.

	Ce jeu fonctionne également avec IE et le plugin d'Adobe mais ce plugin est en cours d'abandon par Adobe.

	J'ai également fait un dossier sur SVG sur mon site https://www.orvinfait.fr

Vous trouverez d'autres exemples de SVG dans la discussion que j'ai lancé sur developpez.net : SVG (Scalable Vector Graphics) peut-il remplacer Flash ?
https://www.developpez.net/forums/d607294/webmasters-developpement-web/general-conception-web/svg-scalable-vector-graphics-remplacer-flash/

ATTENTION à la programmation on trouve certains exemples qui ont été fait pour le plugin d'Adobe. Ils ne fonctionnent qu'avec le plugin d'Adobe et pas avec les navigateurs supportant SVG en standard. En faisant un code standard il fonctionnera avec tous les navigateurs.

Smoking bird · Answer

Merci pour ta contribution Orvinfait, pas mal d'infos intéressantes^^

J'avais entendu parler du fait que Google faisait une très large utilisation de SVG, mais je ne savais pas très précisément comment.

En tous cas, je vais lire tes articles et discussions sur la question^^ :)

zoby44 · Answer

Salut. Elle à l'aire d'être vraiment sympa cette petite librairie : http://raphaeljs.com/
Les démos sont vraiment impressionnantes, et ça à l'aire plus simple à manipuler qu'avec du SVG pure.
Je sens que je vais m'y mettre. La doc à l'aire pas trop mal et ça génère du SVG et VML, comme ça, IE n'est pas mis de coté.

imppao · Answer

Bonjour, 
voila un sujet intéressant sur les svg, et merci pour les différents exemples animés en .svg
Pour la création graphique de fichier svg, il y a inkscape, il ne permet pas de créer des animations, pour l'instant, mais la création d'illustration est vraiment facile, pour ceux et celles qui connaissent illustrator, je leur conseille d'essayer https://inkscape.org/?lang=fr
Dans la version 0.47 les développeurs ont rajouter une extension "web" pour créer des éléments interactives.
La version 0.48 intégrera d'animation.

creadiff · Answer

Encore un petit exemple avec RaphaelJS !

SVG

18 réponses

Discussions similaires

Newsletters