Tutoriel pour apprendre à utiliser le format SVG - les bases
Chers membres du club,
J'ai le plaisir de vous présenter une série de tutoriels de Maurice Chavelli qui se propose de vous apprendre à utiliser le format SVG. Dans cette première partie, nous allons en apprendre les bases.
Citation:
Les images au format SVG (Scalable Vector Graphics) sont vectorisées, contrairement aux images au format JPG ou PNG par exemple. Qu'est-ce que ça implique ?
- On peut donner la dimension qu'on veut à une image SVG sans perte de qualité.
- Le format est basé sur XML, donc lisible et facilement modifiable, il est aussi peu encombrant.
- On peut ajouter du style CSS.
- On peut créer des animations de plusieurs façons.
:fleche: Retrouvez les meilleurs cours et tutoriels pour apprendre le XML
Tutoriel pour apprendre à utiliser le format SVG - SVG et le web
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.
:fleche: Retrouvez les meilleurs cours et tutoriels pour apprendre le XML
Tutoriel pour apprendre à utiliser le format SVG - On dessine
Chers membres du club,
J'ai le plaisir de vous présenter la troisième partie de cette série de tutoriels que vous propose Maurice Chavelli pour vous apprendre à utiliser le format SVG. Dans ce tutoriel, l'auteur va plus loin et montre les belles possibilités qui nous sont offertes.
« La base du dessin c'est la ligne et SVG est bien équipé dans le domaine. On a vu qu'on dispose de la balise line. Par défaut on a stroke: none, ce qui signifie qu'une ligne n'est pas visible par défaut ! »
Bonne lecture.
:fleche: Retrouvez les meilleurs cours et tutoriels pour apprendre le XML.