我在 SVG 中使用相对定位的 HTML 元素foreignObject
。但是,在 Chrome 中,相对定位的内容并不尊重scale()
或viewBox
. 因此,它不是正确的尺寸。
这是我在 jsFiddle 上的问题的一个例子。对于最终用户来说,所有三个文本片段都应该显示相同的大小......但在 Chrome 中它们不会。
这是什么原因造成的?
我在 SVG 中使用相对定位的 HTML 元素foreignObject
。但是,在 Chrome 中,相对定位的内容并不尊重scale()
或viewBox
. 因此,它不是正确的尺寸。
这是我在 jsFiddle 上的问题的一个例子。对于最终用户来说,所有三个文本片段都应该显示相同的大小......但在 Chrome 中它们不会。
这是什么原因造成的?
从
24 个与foreignObject
WebKit 跟踪器和
foreignObject
与Chromium 跟踪器相关的 19 个问题,
看来这很可能是意外行为。我鼓励您查看 WebKit 错误列表以了解此问题是否已知。如果不是,请尝试在另一个 WebKit 浏览器上重现此错误。如果问题在例如 Safari 中可重现,请将其作为错误提交给 WebKit;如果没有,请将其作为错误提交给 Chromium。
我的猜测是这是一个 WebKit 错误。这个错误看起来有点相似。