gpt4 book ai didi

javascript - getBoundingClientRect,内联 SVG 的高度值不正确

转载 作者:太空狗 更新时间:2023-10-29 15:08:37 24 4
gpt4 key购买 nike

<body style="width:1000px;height:1000px;">
<div id="d" style="display:inline-block;">
<svg id="s" xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px">
<rect width="200px" height="200px" style="fill:rgb(0,0,255);"/>
</svg>
</div>
</body>

var div = document.getElementById('d');
var rect = div.getBoundingClientRect();

alert(rect.width); //200
alert(rect.height); //205 (in safari), 204.5 in other browsers

var svg = document.getElementById('s');
var rect = svg.getBBox();

alert(rect.width); //200
alert(rect.height); //200

我正在尝试获取父 div 的宽度和高度。无论出于何种原因,getBoudingClientRect 都给我一个不正确的高度值(205 或 204.5)宽度正确,但高度不正确。有什么想法吗?

http://jsfiddle.net/jTvaF/5/

最佳答案

赋予svg属性display:block;它应该开始正确输出。

关于javascript - getBoundingClientRect,内联 SVG 的高度值不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19060880/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com