【SVG】getBBox方法获取svg text文本元素的宽高

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文本元素的宽度、高度很有用。

发布了80 篇原创文章 · 获赞 31 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/juzipidemimi/article/details/90738741
SVG