Developpez.com - Rubrique XML

Le Club des Développeurs et IT Pro

Apprendre à utiliser le format SVG - SVG et le web

Un tutoriel de Maurice Chavelli

Le 2019-08-13 18:16:56, par Community Management, Community Manager
Chers membres du club,

J'ai le plaisir de vous présenter la deuxième partie de cette série de Maurice Chavelli qui se propose de vous apprendre à utiliser le format SVG. Ce second tutoriel tente de montrer comment le SVG a trouvé sa place dans le web et présente également le potentiel encore peu exploité qu'il recèle.

« SVG est à la fois construit avec le langage XML, donc quelque chose de bien structuré et aussi un format graphique. Ainsi, on ne peut pas séparer l'aspect graphique de la structure!
Internet pullule d'images, mais elles sont en majorité aux formats PNG, JPG… De telles images se contentent d'être une représentation pixélisée et ne comportent rien d'autre. Il en va bien différemment du SVG ! Il est structuré, stylisable et modifiable.
On peut même utiliser directement un fichier SVG pour créer une application utilisable sur le WEB.
Le souci principal avec le SVG est sa prise en charge assez aléatoire selon les navigateurs, mais c'est également vrai pour certaines fonctionnalités du CSS3.
En 2016 a été lancée la version 2 du SVG, mais combien de temps faudra-t-il avant de pouvoir l'utiliser ? Pour le moment, il faut se contenter de la version 1.1. »

Bonne lecture.

Retrouvez les meilleurs cours et tutoriels pour apprendre le XML
  Discussion forum
5 commentaires
  • Nadinette
    Membre habitué
    Bonjour,
    J'ai créé un petit schéma en svg avec des cercles représentant des étapes.
    J'utilise ce schéma soit sur des pages web, soit dans un power point.
    Disons qu'il a 10 étapes.
    Parfois, il représente plusieurs étapes (3 des 10 cercles seront remplis de rouge).
    Pour le moment, j'ai créé 10 versions avec 1 cercle remplis pour chacune d'elles.
    D'après toi, on pourrait créer un seul svg et lui passer un paramètre ?
    Je ne parle pas d'une partie de la balise qui serait paramétrable car ça ne fonctionnerait pas dans le ppt.
    Plutôt un paramètre comme un ?fillmask=0111000000 ou un truc comme ça...
    Merci pour ta réponse
    Bonne journée