getBBox
使用方法和
getBoundingClientRect
类似,不同的是getBoundingClientRect
方法的坐标是相对于视口。
getBBox
方法返回一个包含svg元素的最小矩形的坐标对象。
example:
const svgText = document.querySelector('...')
const rect = svgText.getBBox()
// 如下
{
x: 50,
y: 50,
width: 50,
height: 50,
// __proto__: SVGRect
}
坐标的位置相对于svg元素的原点,且不受任何transform
变换的影响。
对于测量text
文本元素的宽度、高度很有用。