Question

91

Get svg graphics size when width/height attributes on < svg> are not set

rated 0 times [ 95] [ 4] / answers: 1 / hits: 20941 / 15 Years ago, tue, december 29, 2009, 12:00:00

So how to get the size of an SVG file with javascript when width and height are not set on the svg element? The svg is a string, but could be made a DOM if necessary.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

davion

Add To Favorites

Follow

Total Points: 458

Total Questions: 109

Total Answers: 100

Location: Taiwan

Member since Mon, Sep 6, 2021

3 Years ago

davion questions

1 'rollup' is not recognized as an internal or external command

Fri, Oct 1, 21, 00:00, 3 Years ago

1 How to add your own custom css to override react-confirm-alert defaults

Wed, Jan 13, 21, 00:00, 3 Years ago

1 Module build failed Cannot find module '@babel/preset-env'

Tue, May 19, 20, 00:00, 4 Years ago

1 React Material UI CardHeader title overflow with dots

Fri, May 8, 20, 00:00, 4 Years ago

1 How to use createStackNavigator in React Native?

Mon, May 4, 20, 00:00, 4 Years ago

View All

answered 15 Years ago yamileth · Accepted Answer

You can use the getBBox() method of the SVGElement object. It tells you the width and height, x, and y offset in pixels without taking into account the scaling of the element.

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

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

are what you're looking for, I think.

EDIT:

I've recently also learned that the little known getBoundingClientRect() works as well! You can also do: var el = document.getElementById('myelem'); var mywidth = el.getBoundingClientRect().width;

Keep in mind that there is a difference between getBBox and getBoundingClientRect. getBBox gets the initial dimensions - getBoundingClientRect also respects the transformations done with scale etc.