Modification de la taille de l'image SVG en utilisant JavaScript?

Je dispose d'un fichier .svg qui a le code suivant:Modification de la taille de l'image SVG en utilisant JavaScript?

<svg version="1.1" x="0" y="0" width="256" height="256" viewBox="0 0 335 394">

plus d'une tonne de plus code (namespaces etc) qui est inutile à cette situation, mais le problème que j'ai est que je dois modifier en quelque sorte que largeur et hauteur (de 256px à la taille arbitraire) en utilisant JavaScript. Le .svg est utilisé comme ceci:

<html> 
<body> 
<div style="background: url(example.svg);"></div> 
</body> 
</html>

Je voudrais vraiment accomplir cela d'une manière ou d'une autre. Des idées?

Mise à jour: J'ai besoin parce que je veux un utilisateur pour pouvoir définir la taille de base pour mon interface utilisateur via une commande JavaScript.

Source

2010-07-04 Tower

Que diriez-vous de mettre une étiquette à l'intérieur du div <img> et réglage de la largeur et la hauteur à ce sujet?

<html> 
    <body> 
    <div> 
     <img src="example.svg" width="10px" height="10px" /> 
    </div> 
    </body> 
</html>

Ceci permettra à votre navigateur de mettre à l'échelle automatiquement l'image en fonction des dimensions données.

Source

2010-07-04 18:28:06 tomit

Modification de la taille de l'image SVG en utilisant JavaScript?

Répondre

Questions connexes