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



我试图在Firefox中为SVG掩码设置一个自定义位置,但似乎找不到方法https://developer.mozilla.org/en-US/docs/Web/CSS/mask相当不完整(是的,我知道这不是标准化的,但仍然…)。

在Chrome/Safari上,使用缩写"url(mask.svg)xposition yposition/size;"可以做到这一点,但在Firefox上,它不起作用,因为它被识别为无效的属性值。

以下是我迄今为止所做的一些工作http://dabblet.com/gist/83bf9a8708193634892e.正如你所看到的,当使用Chrome/Safari时,一切都是正确的,但在Firefox上,掩码定位错误。

有没有一种方法可以设置掩码的位置,或者Firefox不支持这种方法?

您可以向路径元素添加一个translate,例如transform="translate(150,100)"

Firefox支持关于掩码的SVG 1.1规范。它(还)不支持CSS屏蔽,除了CSS屏蔽中与SVG 1.1 重合的部分。

最新更新