我正在使用变换在鼠标滚轮上缩放 svg 组。该组包含一个矩形和一个文本节点。在 firefox 和 IE 中，这按预期工作:矩形和文本被缩放并且文本保持在相同位置。但是在 chrome/ipad 中，文本的变化与 rect 不同:当缩放时，文本流入和流出 rect，就像在这些捕获中一样:
更新: 感谢 Robert Longson 的回答，我发现了 the bug in question . 您可以找到有关文本呈现的更多信息 here .
最佳答案
某些 UA 仅在字体超过特定大小时才应用不同的字体效果，例如提示和字距调整，因此字体在缩放时不会保持一致的缩放比例。
Setting the attribute text-rendering="geometricPrecision" 可能会有所帮助，但没有绝对保证。
如果失败，只要出现 SVGZoom，您就必须重新计算边界框。事件。
关于javascript - webkit 浏览器中 svg 文本的奇怪行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18766630/