Wie kann ich die x / y-Koordinaten eines SVG-Elements (Pfad usw.) erhalten, das nicht die X / Y-Attribute besitzt?

8

Ich versuche die Position von SVG-Elementen mit Javascript zu bekommen. Ich habe es geschafft, die Position für Elemente zu erhalten, für die das X / Y-Attribut festgelegt wurde. Aber Elemente wie Pfade haben dieses Attribut nicht. Zumindest nicht in meinen Dokumenten.

Gibt es eine Möglichkeit, die Position anders als die erste Zahl im "Pfad" zu berechnen?

Danke, Morten

    
Morten 02.05.2010, 17:56
quelle

1 Antwort

11

Sie können die Funktion getBBox() verwenden, um die Begrenzungsbox für den Pfad zu erhalten. Dadurch erhalten Sie die Position und Größe des engsten Rechtecks, das den gerenderten Pfad enthalten könnte.

Ein Vorteil dieser Methode gegenüber dem Lesen der x- und y-Werte ist, dass sie mit allen grafischen Objekten funktioniert. Es gibt mehr Objekte als Pfade, die kein x und y haben, zum Beispiel Kreise, die stattdessen cx und cy haben.

Link: getBBox() im SVG v1.1-Standard.

    
Jonas Pegerfalk 03.06.2010, 12:05
quelle

Tags und Links