IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Apprendre à utiliser le format SVG - Les bases
Un tutoriel de Maurice Chavelli

Le , par Community Management

0PARTAGES

17  0 
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.

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.


Retrouvez les meilleurs cours et tutoriels pour apprendre le XML

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de esired
Membre averti https://www.developpez.com
Le 27/06/2018 à 0:33
Cool le tutoriel. Merci beaucoup.
Je sais pas si c'est en rapport direct avec le tuto, mais il y a la bibliothèque d3.js qui permet de faire des trucs assez cool avec JS et SVG. https://d3js.org/.
0  0 
Avatar de Kikuts
Membre éprouvé https://www.developpez.com
Le 30/07/2018 à 15:00
Super tuto !

Le SVG est le deuxième langage le plus cool après le XAML :p

J'ai toujours adoré ce langage qui est loin d'être aussi utilisé qu'il ne le devrait...
Si c'était natif à l'écosystème UWP, Android et iOS, ça serait le pied.

J'utilisais la lib Velocity.js pour animer le SVG.
Exemple avec la banière sur mon site : http://krossapp.com/services.php
0  0 
Avatar de Nadinette
Membre habitué https://www.developpez.com
Le 07/05/2021 à 15:03
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
0  0