Image SVG ai animation js [Résolu/Fermé]

Signaler
Messages postés
71
Date d'inscription
samedi 12 août 2017
Statut
Membre
Dernière intervention
17 avril 2018
-
Messages postés
71
Date d'inscription
samedi 12 août 2017
Statut
Membre
Dernière intervention
17 avril 2018
-
bonjour

j'ai crée un logo sous AI et je l'ai exporter en SVG, je voudrais savoir quels sont les codes svg a remettre dans mon fichier html car il y a énormément de lignes, je n'ai pas bien compris cette etape (je crois qu'il y a plusieurs façon d'introduire le code svg?), j'ai du texte sous mon image mais le dernier mot est coupé, comment faire ?

<!doctype html>
<html>
<head>
   <title>Inclusion SVG avec img</title>
   <style>
      img {margin-left:20px;}
   </style>
</head>
<body>
    
   <img src="logo.svg"  width="640px" height= "660px"/>

    <g id="Rose">
<rect class="cls-4" x="113.61" y="5.42" width="36.73" height="36.73" rx="12" ry="12" mouseover="changeColor(evt);"/>
</g><g id="Vert">
<rect class="cls-5" x="155.26" y="5.42" width="36.73" height="36.73" rx="12" ry="12"/>
</g><g id="Bleu">
<rect class="cls-6" x="196.16" y="5.42" width="36.73" height="36.73" rx="12" ry="12"/>
</g><g id="Gris">
<rect class="cls-7" x="237.05" y="5.42" width="36.73" height="36.73" rx="12" ry="12"/>
</g>
    
</body>
</html> 


est ce que c'est la bonne méthode pour que l'animation marche par la suite? L'image s'affiche bien sur firefox.



merci pour votre aide

1 réponse

Messages postés
71
Date d'inscription
samedi 12 août 2017
Statut
Membre
Dernière intervention
17 avril 2018

ah j'ai compris il faut nettoyer le code SVG je v essayer de regler ca, c'est enorme le nombre de ligne que cela génére