édition graphique SVG externe via JavaScript

<html> 
    <head> 
    <title>Test</title> 
    </head> 
    <body> 
    <img src='test.svg' id='myImage' /> 
    </body> 
</html>

Est-il possible de modifier en quelque sorte l'image SVG contenue dans le'img'-Tag? J'aimerais ajouter des éléments comme cercle ou animer ou quelque chose.

Merci pour votre aide.

Source

2012-07-10 Florian Müller

possible en double de [Comment avez-vous accès le contenu d'un fichier SVG dans un élément ?] (Http://stackoverflow.com/questions/8102528/how-do-you-access-the-contents -of-un-svg-fichier-dans-un-img-élément) –

Vous devriez plutôt utiliser svg en html directement pour pouvoir manipuler facilement le svg. Si vous avez un fichier externe, vous pouvez le charger via ajax pour éviter le code dupliqué (ou simplement l'inclure sur le serveur). Mon expérience est que svg en html est beaucoup plus facile à gérer, puis en utilisant l'attribut src.

<html> 
<body> 

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <circle cx="100" cy="50" r="40" stroke="black" 
    stroke-width="2" fill="red"/> 
</svg> 

</body> 
</html>

Source

2012-07-11 17:24:26

Hoi Adi :) danke für d Antwort x) –

édition graphique SVG externe via JavaScript

Répondre

Questions connexes