小编Mad*_*age的帖子

使用 @font-face 时,SVG 文本边框因浏览器而异?

我试图通过使用 getBBox() 方法获取边界框来根据文本的宽度和高度放置 SVG 文本元素。

如果文本使用网络安全字体,则在不同浏览器中效果相当好,但如果使用 @font-face 和自定义网络字体设置文本样式,则在 Firefox (Mac) 和 Safari 中返回的文本宽度不正确( iOS)。它在 Safari (Mac) 和 Chrome (Mac) 中都能完美运行。

如果灰色框与文本宽度相同,则它可以在该浏览器中运行。

有人知道如何在所有浏览器中获得文本边框的正确宽度吗?

svg text cross-browser bounding-box font-face

4
推荐指数
1
解决办法
2275
查看次数

标签 统计

bounding-box ×1

cross-browser ×1

font-face ×1

svg ×1

text ×1