正如标题所说:在 Internet Explorer 中确定 SVG 元素大小(宽度、高度)的正确方法是什么?
大多数浏览器似乎都支持.offsetWidth
and .offsetHeight
,但这似乎在 IE 中不起作用(用 IE 10 测试)。
小提琴: http: //jsfiddle.net/c7eqe/1/(在 IE 上,显示“offsetWidth: undefined”)
正如标题所说:在 Internet Explorer 中确定 SVG 元素大小(宽度、高度)的正确方法是什么?
大多数浏览器似乎都支持.offsetWidth
and .offsetHeight
,但这似乎在 IE 中不起作用(用 IE 10 测试)。
小提琴: http: //jsfiddle.net/c7eqe/1/(在 IE 上,显示“offsetWidth: undefined”)
经过一些实验,似乎getBoundingClientRect()
所有主要浏览器都支持(应该):https ://developer.mozilla.org/en-US/docs/Web/API/element.getBoundingClientRect
>> svg = document.getElementsByTagName("svg")[0]
>> svg.getBoundingClientRect()
[object ClientRect] {
bottom : 590,
height : 400,
left : 199,
right : 1009,
top : 190,
width : 810
>>