Comment faire pour obtenir la largeur de l’élément svg:g

Question

Je suis actuellement en train de travailler avec un élément svg de JavaScript.Et je suis de nouveau pour elle

Ma question est que j'ai un élément svg dans lequel j'ai plusieurs svg:g élément.et dans mon fichier svg:g, j'ai divers autres éléments svg.

    <svg>
     <g class "my-class">
      <g class "c1">
         <text style="font-size: 9" x="0" y="-4"> john </text>
         <text style="font-size: 9" x="70" y="-4"> 13 </text>
      </g> 
      <g class "c2">
         <text style="font-size: 9" x="0" y="-4"> john </text>
         <text style="font-size: 9" x="70" y="-4"> 13 </text>
      </g> 
      <g class "c3">
         <text style="font-size: 9" x="0" y="-4"> john </text>
         <text style="font-size: 9" x="70" y="-4"> 13 </text>
      </g> 
    </g>
   </svg>

"g" sont dynamiquement en ajoutant dans mon

g "my_class"

Maintenant, je veux mettre mon fichier svg largeur égale à la largeur de la largeur.

var svgWidth  =   $('.my-class').width()
alert(svgWidth);

Mais sa me donne zéro.Comment jamais, je peux le voir sur mon navigateur en jaune la zone info-bulle.

lorsque je sélectionne cette ligne.

Peut-on bien vouloir me guider, me suis-je le faire à droite ou comment puis-je atteindre cet Merci

Answer 1

Je vous recommande (qui fait partie du SVG 1.1) sur (qui n’est pas) :

Démo http://jsfiddle.net/TAck4/

Answer 2

Essayez``

Démo http://jsfiddle.net/5DA45/