如何在Firefox中为蒙版设置自定义位置?

时间:2014-09-19 12:27:43

标签: html css firefox svg vector-graphics

我尝试在Firefox中为SVG蒙版设置自定义位置,但我似乎无法找到一种方法。 https://developer.mozilla.org/en-US/docs/Web/CSS/mask上的文档非常不完整(是的,我知道这不是标准化的,但仍然......)。

在Chrome / Safari上,使用简写" url(mask.svg)xposition yposition / size;"诀窍,但在Firefox上它只是工作,因为它被认为是无效的属性值。

这是我到目前为止所做的一件事[{3}}。 正如您所看到的,当使用Chrome / Safari时,一切都是正确的,但在Firefox上,掩码是错误定位的。

有没有办法为掩码设置位置,还是在Firefox上不支持?

1 个答案:

答案 0 :(得分:0)

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

Firefox支持关于掩码的SVG 1.1 specification。它(还)不支持CSS掩码,除了那些恰好与SVG 1.1重合的CSS掩码部分