Ottieni dimensioni grafiche svg quando gli attributi larghezza/altezza su <svg> non sono impostati

Question

Quindi, come ottenere la dimensione di un file SVG con javascript quando larghezza e altezza non sono impostati sull'elemento svg? Lo svg è una stringa, ma potrebbe essere creato un DOM se necessario.

Answer 1

È possibile utilizzare il metodo getBBox() dell'oggetto SVGElement. Ti dice la larghezza e l'altezza, xe l'offset in pixel senza considerare il ridimensionamento dell'elemento.

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

sono quello che stai cercando, penso.

EDIT:

1. Recentemente ho anche imparato che le piccole note getBoundingClientRect() funziona così! Puoi anche fare: var el = document.getElementById('myelem'); var mywidth = el.getBoundingClientRect().width;

2. Ricorda che c'è una differenza tra getBBox e getBoundingClientRect. getBBox ottiene le dimensioni iniziali - getBoundingClientRect rispetta anche le trasformazioni fatto con scala ecc

Answer 2

SVG sono scalabile grafica vettoriale, e quindi può avere qualsiasi altezza e larghezza arbitrarie. Solo il rapporto è fissato dal formato.