我试图通过使用 getBBox() 方法获取边界框来根据文本的宽度和高度放置 SVG 文本元素。
如果文本使用网络安全字体,则在不同浏览器中效果相当好,但如果使用 @font-face 和自定义网络字体设置文本样式,则在 Firefox (Mac) 和 Safari 中返回的文本宽度不正确( iOS)。它在 Safari (Mac) 和 Chrome (Mac) 中都能完美运行。
如果灰色框与文本宽度相同,则它可以在该浏览器中运行。
有人知道如何在所有浏览器中获得文本边框的正确宽度吗?
svg text cross-browser bounding-box font-face
bounding-box ×1
cross-browser ×1
font-face ×1
svg ×1
text ×1