javascript - SVG:嵌套 SVG 的 GetScreenCTM() 在 Firefox 中不同

Question

我有一个带有 svg 的网页，其中有另一个 svg 元素。问题是我需要通过 getScreenCTM() 方法(对于嵌套 svg)获取矩阵信息，而 firefox 返回的结果与其他浏览器(IE、Chrome、Opera)不同。你不知道这是为什么吗？

这里我做了一个简单的例子:https://jsfiddle.net/6wz6nybv/6/

<svg id="svgwrapper"  xmlns="http://www.w3.org/2000/svg">
  <svg id="svgnested" width="1480mm" height="297mm" viewBox="0 0 149000 29700" xmlns="http://www.w3.org/2000/svg">
  </svg>
</svg>

谢谢

Answer 1

viewBox 是一种应用于元素的子元素而不是元素本身的变换。

如果 Firefox 像其他有缺陷的浏览器一样工作，那么您会发现很难定位内部 <svg>根中的元素 <svg>元素，因为它的 getScreenCTM 与路径或矩形的 getScreenCTM 不同。

然而，您几乎肯定要寻找的是内部 <svg> 中某些元素的 CTM元素。在这种情况下，您会发现这些值是跨浏览器一致的。