Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire Ă tout moment comment nous utilisons les cookies sur le site.
Générer des formes et des dessins SVG
Bonjour Ă tous,
Je fais ce petit tuto pour vous apprendre Ă gĂ©nĂ©rer des animations SVG.đ
Mais tout d'abord, nous allons comprendre ce qu'est le SVG et à quoi ça sert, c'est partit !
Qu'est-ce que le SVG ?
Le SVG est tout simplement un format de données qui définit des graphiques.
A quoi sert le SVG ?
Le SVG permet de créer des formes ou des dessins et il est basé avec du XML.
Il comporte certains avantages comme la qualité d'une image qui reste identique.
Un exemple ?
Vous avez sans doute déjà aperçu des formes trÚs belle et trÚs moderne sur certains site internet comme celle-ci :
Comment faire pour générer ue dessin ou une forme SVG ?
Pour générer un dessin ou une forme SVG, il vous suffit de vous rendre sur ce site : https://getwaves.io/
Vous devriez avoir une page comme ceci :
Une fois sur le site internet, vous devriez avoir une zone d'outil :
ï»ż
Vous n'avez plus qu'a sĂ©lectionner les formes, les couleurs, la taille, l'apparence et la position đ
Voici la légende des différents outils pour vous aidez :
= la forme de l'animation
= la position de l'animation (en bas ou en haut)
= la couleur de l'animation
= la netteté de l'animation
= modifier la trajectoire de l'animation
Vous n'avez plus qu'a copier coller le code et l'insérer ou vous le souhaitez sur votre site, comme ceci :
Si vous avez des questions, n'hésitez pas à les poser en commentaires !
Si vous avez besoin d'aide, créez un topic !
Bonne continuation sur Sitedudev !
1100 vues
13 janvier 2021 Ă 13:19 (ĂditĂ©)