Comment puis-je obtenir la largeur d'un élément svg à l'aide de d3js?
Je suis en utilisant d3js pour trouver la largeur d'un élément svg le code donné ci-dessous:
<script>
var body = d3.select("body");
console.log(body);
var svg = body.select("svg");
console.log(svg);
console.log(svg.style("width"));
</script>
<svg class="svg" height="3300" width="2550">
<image x="0" y="0" height="3300" width="2550" xlink:href="1.jpg"></image>
<rect class="word" id="15" x="118" y="259" width="182" height="28"
text="Substitute"></rect>
</svg>
Mais elle est revenue cette erreur:
Uncaught TypeError: Ne peut pas appeler la méthode 'getPropertyValue', null
Je pense, le svg variable est null tableau.
Comment puis-je obtenir la largeur d'un élément svg à l'aide de d3js?
Vous devez vous connecter pour publier un commentaire.
Il suffit de placer votre script après l'élément svg est chargé par le navigateur et tout ira bien.
si vous avez un élément SVG w/id=frame...
fh et que fw peuvent maintenant être utilisées dans des expressions mathématiques.
vous pouvez également revenir à jQuery
qui sont des nombres et peut être utilisé dans des expressions mathématiques
Essayez d'utiliser svg.attr("largeur"). Il donne juste un simple numéro de chaîne.
Si ce fichier svg est enregistrée dans une variable, par exemple:
Puis directement, on peut utiliser la variable
vis
pour obtenir la largeur de svg par:Le résultat est dans l'unité "px". Faites attention que les vis.style("largeur") retourne une chaîne de caractères.