javascript - webkit 浏览器中 svg 文本的奇怪行为

Question

我正在使用变换在鼠标滚轮上缩放 svg 组。该组包含一个矩形和一个文本节点。在 firefox 和 IE 中，这按预期工作:矩形和文本被缩放并且文本保持在相同位置。但是在 chrome/ipad 中，文本的变化与 rect 不同:当缩放时，文本流入和流出 rect，就像在这些捕获中一样:

更新:感谢 Robert Longson 的回答，我发现了 the bug in question .您可以找到有关文本呈现的更多信息 here .

Answer 1

某些 UA 仅在字体超过特定大小时才应用不同的字体效果，例如提示和字距调整，因此字体在缩放时不会保持一致的缩放比例。

Setting the attribute text-rendering="geometricPrecision" 可能会有所帮助，但没有绝对保证。

如果失败，只要出现 SVGZoom，您就必须重新计算边界框。事件。