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

Question

我正在使用变换在鼠标滚轮上缩放svg组。该组包含一个rect和一个文本节点。在Firefox和IE中，这可以正常工作：缩放矩形和文本，文本保持在相同的位置。但是在chrome / ipad中，文本的变化与rect不同：当缩放文本时，如同在这些捕获中一样，流入和流出rect：

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

Answer 1

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

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

如果失败了，只要有SVGZoom事件，你就必须重新计算边界框。