在Chrome中，为什么SVG foreignObjects不能缩放相对定位的内容？

Question

我在SVG foreignObject中使用相对定位的HTML元素。但是，在Chrome中，相对定位的内容并不尊重scale()或viewBox。因此，它的大小不合适。

Here is an example of my problem on jsFiddle。所有三个文本片段的大小应与最终用户相同......但在Chrome中，他们不会这样做。

造成这种情况的原因是什么？

Firefox屏幕截图（如预期的那样？）

Chrome屏幕截图（错误？）

Answer 1

从

来判断 WebKit跟踪器上的

24 bugs related to foreignObject和

Chromium跟踪器上的

19 issues related to foreignObject，

这似乎很可能是非预期的行为。我鼓励您查看WebKit错误列表以查看此问题是否已知。如果不是，请尝试在另一个WebKit浏览器上重现此错误。如果问题可以在例如Safari，将其作为bug提交给WebKit;如果没有，请将其作为错误提交给Chromium。

我的猜测是它是一个WebKit错误; this bug看起来很相似。