如何在Firefox中为掩码设置自定义位置？

Question

我想在Firefox中设置一个SVG掩码的自定义位置，但我似乎无法找到一种方法来做到这一点。 https://developer.mozilla.org/en-US/docs/Web/CSS/mask上的文档相当不完整（是的，我知道这不是标准化的，但仍然...）。

在镀铬/ Safari浏览器，使用所述速记 “URL（mask.svg）xPosition位置yposition /大小;”做的伎俩，但在Firefox上它不会工作，因为它被认为是一个无效的属性值。

这里是我到目前为止已经http://dabblet.com/gist/83bf9a8708193634892e做了dabblet。 正如你所看到的，当使用Chrome/Safari时，一切都正确，但是在Firefox上，掩码错位。

有没有一种方法来设置一个位置的面具或这不支持在Firefox？

Answer 1

您可以将转换添加到路径元素，例如transform="translate(150,100)"

Firefox支持的SVG 1.1 specification至于口罩。它还没有（还）支持CSS屏蔽，除了CSS屏蔽的那些与SVG 1.1一致的部分。