Get Svg Grafikgröße, wenn Breite/Höhe Attribute auf <svg> sind nicht festgelegt

Question

So, wie die Größe einer SVG-Datei mit Javascript, wenn Breite und Höhe nicht auf dem Svg-Element festgelegt sind? Die SVG ist eine Zeichenfolge, könnte aber bei Bedarf zu einem DOM gemacht werden.

Answer 1

Sie können die getBBox() - Methode des SVGElement-Objekts verwenden. Er gibt Ihnen die Breite und Höhe, den x- und y-Versatz in Pixeln an, ohne die Skalierung des Elements zu berücksichtigen.

document.getElementById('myelem').getBBox().width 
document.getElementById('myelem').getBBox().height 

sind, was Sie suchen, denke ich. vor kurzem habe auch gelernt, dass die wenig bekannten getBoundingClientRect() Werke sowie

1. Ich habe:

   EDIT! Sie können auch tun: var el = document.getElementById('myelem'); var mywidth = el.getBoundingClientRect().width;

2. Beachten Sie, dass es einen Unterschied zwischen getBBox und getBoundingClientRect gibt. getBBox erhält die ursprünglichen Abmessungen - getBoundingClientRect respektiert auch die Transformationen getan mit Skala usw.

Answer 2

SVGs sind skalierbar Vektorgrafiken, und können daher jede beliebige Höhe und Breite haben. Nur das Verhältnis ist durch das Format festgelegt.