Comment puis-je obtenir les coordonnées x/y d'un élément SVG (chemin etc) qui n'a pas les attributs X/Y?

Question

J'essaie d'obtenir la position des éléments SVG en utilisant Javascript. J'ai réussi à obtenir la position sur les éléments qui ont un attribut X/Y. Mais les éléments, tels que les chemins n'ont pas cet attribut .. Au moins pas dans mes documents.

Existe-t-il un moyen de calculer la position autre que de prendre le premier nombre dans le "chemin"?

Merci, Morten

Answer 1

Vous pouvez utiliser la fonction getBBox() pour obtenir la zone de délimitation pour le chemin. Cela vous donnera la position et la taille du rectangle le plus étroit qui pourrait contenir le chemin rendu.

Un avantage de l'utilisation de cette méthode par rapport à la lecture des valeurs x et y est qu'elle fonctionnera avec tous les objets graphiques. Il y a plus d'objets que de chemins qui n'ont pas x et y, par exemple des cercles qui ont plutôt cx et cy.

Lien: getBBox() dans la norme SVG v1.1.