SVG Mask CSS转换应用于Chrome，但不适用于Firefox或Edge

Question

我的照片被一系列路径掩盖，形式如下：

<svg>
  <defs>
    <mask id="mask">
      <g style="transform: ...snip...">
        <g style="transform: ...snip...">
          <path d="...snip..."></path>
        </g>
        <g style="transform: ...snip...">
           <path d="...snip..."></path>
        </g>
        ...more paths nested w/<g> elements...
      </g>
    </mask>
  </defs>
  <foreignObject mask="url(#mask)">
    <img></img>
  </foreignObject>
</svg>

此图片正确地在Google Chrome中呈现为掩码元素中定义的路径所掩盖。

在Firefox和Microsoft Edge中（在其他浏览器中未经测试），图像也会被mask元素中定义的路径屏蔽。但是，元素的transform:属性中定义的style调用显然未被调用，因此路径显示不正确。为什么会这样？