Firefox上的SVG图像屏蔽

Firefox上的SVG图像屏蔽,svg,mask,masking,Svg,Mask,Masking,最近我创建了hexagon SVG,并计划将其用于firefox的图像屏蔽。 目前它只适用于Chrome 我已经尝试使用mask:url,但似乎不起作用 解决 在Firefox、chrome、safari、opera和IE9上找到了解决方案。需要在SVG上定义img。示例代码就在下面这个提琴上 Firefox以不同的方式支持您想要做的事情。您可以使用不同的语法在那里获得相同的效果。我看到了这一点,所以我可能需要更改所有内容,以使其在所有浏览器上都能工作。我不确定是否有一个解决方案可以在任何地方

最近我创建了hexagon SVG,并计划将其用于firefox的图像屏蔽。 目前它只适用于Chrome

我已经尝试使用
mask:url
,但似乎不起作用

解决


在Firefox、chrome、safari、opera和IE9上找到了解决方案。需要在SVG上定义img。示例代码就在下面这个提琴上


Firefox以不同的方式支持您想要做的事情。您可以使用不同的语法在那里获得相同的效果。

我看到了这一点,所以我可能需要更改所有内容,以使其在所有浏览器上都能工作。我不确定是否有一个解决方案可以在任何地方工作。你为webkit做了一件事,为gecko做了另一件事,我想在某个时候会出现一个单一的解决方案,但我不确定哪一个会是赢家。找到了解决方案,它在Firefox、chrome、safari、opera和IE9上工作。需要在SVG上定义img。示例代码就在下面这个提琴上