SVG [Fermé]

Signaler
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
-
Messages postés
445
Date d'inscription
samedi 3 avril 2010
Statut
Membre
Dernière intervention
3 novembre 2011
-
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

18 réponses

Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
894
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 :
+ http://www.swaminarayanvadtalgadi.org/
Messages postés
4605
Date d'inscription
lundi 7 novembre 2005
Statut
Contributeur
Dernière intervention
30 avril 2020
1 273
http://xmlfr.org/svg/clock.svg ... wow, un truc de ouf ! je savais pas qu'on pouvais animer svg ... je pensais que c'était "juste" un format vectoriel.
Messages postés
233
Date d'inscription
vendredi 17 juillet 2009
Statut
Membre
Dernière intervention
8 septembre 2011
42
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
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
894
salut,

y'a un jour ou on va vraiment finir par ne plus rien coder pour IE
doucement mais sûrement, on finira bien par y arriver et l'actualité te donne raison !
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56 >
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016

sachant que si mes souvenirs sont bons la norvège ou la suède fait aussi un appel au boycott ;)
Messages postés
233
Date d'inscription
vendredi 17 juillet 2009
Statut
Membre
Dernière intervention
8 septembre 2011
42 >
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016

Je fais déjà le grève anti IE sur certains de mes sites ...
Je les laisse consultables à peu près sur tous les navigateurs, mais toutes les fonctions avancées (ex : espace client, forum ...) se bouffent un message anti IE permanent en expliquant qu'ils peuvent quand même l'utiliser mais que je ne garanti pas que cela fonctionne ...
Sur certains, c'est même bloqué complètement.
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56 >
Messages postés
233
Date d'inscription
vendredi 17 juillet 2009
Statut
Membre
Dernière intervention
8 septembre 2011

ba j'pense que j'vais sauter le pas moi aussi^^, je trouve plutôt pénible de se sentir contraint de coder pour faciliter la vie de gens qui ne veulent pas forcément aller de l'avant^^
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
894 >
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011

je le fais aussi !
on finira par y arriver !
-:oD
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
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 :)
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
894
pour la spec, c'est le problème inhérent au consensus.
il faut beaucoup de temps pour discuter et parvenir à un accord.
pour CCS 3, je ne suis pas particulièrement la question mais pour HTML 5 dont il est pas mal question en ce moment, les travaux préparatoires sont prévus jusqu'en… 2022 !

si tu veux te mettre à XML, PHP est une bonne porte d'entrée.
ça te permet de rapidement utilisé le format pour stocker (et traiter) des données.
tu peux regarder chez developpez.com.

pour SVG, je parlais de m'y mettre !
en fait je trouve SVG très intéressant pour faire des bannières. sans animations, juste pour avoir un logo ou du texte avec une police particulière ou alors pour faire des dégradés, le tout en quelques octets !
le truc c'est que je ne sais pas comment réagissent les navigateurs car je voudrais inclure du SVG dans du HTML et non pas servir des documents SVG complets.
bref, faut tester !
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
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!!)
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
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 :)
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
http://www.w3schools.com/svg/svg_inhtml.asp

je trouve le I wish en bas assez intéressant^^
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
894
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.
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
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^^
Messages postés
233
Date d'inscription
vendredi 17 juillet 2009
Statut
Membre
Dernière intervention
8 septembre 2011
42
Ben faut croire qu'y en as qu'on que ça à foutre un dimanche après midi ... MDR
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
t'es pas forcément le mieux placé pour parler ;) tu restes bien à poster sur CCM :D
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
894
faut croire qu'y en as qu'on que ça à foutre un dimanche après midi
si tu veux faire quelque chose d'utile, tu peux prendre 5 minutes pour ajouter les informations légales à ton site pro.
ça fera plus pro, hein !…
-:oD
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56 >
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016

je te plussois dalida :D
Messages postés
233
Date d'inscription
vendredi 17 juillet 2009
Statut
Membre
Dernière intervention
8 septembre 2011
42 >
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016

Je fais quelque chose d'utile ... je range mon garage ...

Pour ce qui est des mentions légales, elles sont présentes.
De plus, ce site est en cours de refonte ... périmé ...

allez ... pour participer un peu ...

https://www.xul.fr/xml-svg.php

y'a notamment un Tetris en svg (pas de lien, mais le code source fonctionnant ...) ça peut donner des idées.
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
merci imw^^ :)
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
894
moi je me colle celui-là, y a quand même pas grand chose d'implémenté apparemment !
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
ta source est vieille de 9 ans^o)
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
894
et alors ?
la spec a 8 ans et elle va pas changer…
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
j'ai du mal comprendre ta remarque: 'y a quand même pas grand chose d'implémenté apparemment !' my mistake :)
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
894
ben j'ai voulu testé les <tspan> pour décaler des glyphes, le texte à l'horizontale et je sais plus quoi mais chez moi ça fonctionne pas (c'est pas implémenté par le navigateur)…
-:o(
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
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^^
Messages postés
15
Date d'inscription
mercredi 24 septembre 2008
Statut
Membre
Dernière intervention
15 août 2009
1
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.
Messages postés
870
Date d'inscription
mardi 11 mars 2008
Statut
Membre
Dernière intervention
10 juillet 2011
56
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^^ :)
Messages postés
817
Date d'inscription
vendredi 3 novembre 2006
Statut
Membre
Dernière intervention
7 avril 2010
188
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é.
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.
SVG n'est pas plus intéressant que tout autre language vectoriel.
J'aurai même tendance à dire que c'est le moins séduisant pour l'instant car les fichiers développés sont extrêmement lourds et n'ont aucun avantage sur les images traditionnelles.
Les pages garnies de graphiques un peu élaborés font ramer considérablement les affichages.
Donc pour l'instant : SVG restera au placard à mon avis. A moins qu'on trouve une refonte...
Pour moi le svg est plus intéressant que les autres formats dans la mesure ou c'est un fichier ouvert. Le fait que les fichiers soient lourd n'est gênant pour un affichage web, autrement il n'est pas plus lourd qu'un fichier .ai ou .eps, il est possible de compresser le fichier .svg en .svgz
Le .svg n'est pas au placard, car c'est l'un des formats vectoriels ouverts le plus utilisé.
Messages postés
445
Date d'inscription
samedi 3 avril 2010
Statut
Membre
Dernière intervention
3 novembre 2011
56
Encore un petit exemple avec RaphaelJS !