svg - Firefox 上的 SVG 图像遮罩

Question

最近我创建了 hexagon SVG，并计划将其用于 Firefox 的图像遮罩。目前它只适用于 Chrome

http://jsfiddle.net/brokeneye/WKEbw/

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

解决了

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

http://jsfiddle.net/brokeneye/ygsKm/

Answer 1

Firefox 以不同的方式支持您想做的事情。您可以将SVG 蒙版与 html 图像一起使用，以使用不同的语法获得相同的效果。