【发布时间】：2012-09-23 19:17:55
【问题描述】：
最近我创建了 hexagon SVG，并计划将其用于 Firefox 的图像遮罩。 目前它只适用于 Chrome
http://jsfiddle.net/brokeneye/WKEbw/
我已经尝试使用mask: url，但它似乎不起作用。
解决了
找到了解决方案，它适用于 Firefox、chrome、safari、opera 和 IE9。需要在SVG上定义img。示例代码在下面这个小提琴上
【问题讨论】：
【发布时间】：2012-09-23 19:17:55
【问题描述】：
Firefox 以不同的方式支持您想做的事情。您可以使用SVG masks with html images 来获得相同的效果，但语法不同。
【讨论】：
-
我明白了，所以可能我需要更改所有内容以使其在所有浏览器上都能正常工作。
-
我不确定是否有一个单一的解决方案可以在任何地方都可以使用。你为 webkit 做一件事，为 gecko 做另一件事，我想在某个时候会出现一个单一的解决方案，但我不确定哪一个会是赢家。
-
找到了解决方案，它适用于 Firefox、chrome、safari、opera 和 IE9。需要在SVG上定义img。示例代码在jsfiddle.net/brokeneye/ygsKm 下面的这个小提琴上