svg feMerge 不适用于 Firefox [重复]答案

【问题标题】：svg feMerge does't works with firefox [duplicate]svg feMerge 不适用于 Firefox [重复]
【发布时间】：2013-09-24 01:07:31
【问题描述】：

我在 FireFox 上的 SVG 有问题：

这个 SVG 可以在 Chrome 上运行，但不能在 FF(v24.0) 上运行，为什么？

我需要知道如何将 2 张图片与跨浏览器解决方案合并。

谢谢。

【问题讨论】：

【解决方案1】：

看起来 FF 中的 feImage 不喜欢您引用的是内部 <image> 而不是外部文件这一事实。看来IE可能有同样的限制。

另外，我不确定使用空的 <use> 元素实例化过滤器是否能够可靠地工作。据我所知，规范没有指定当use 没有引用任何内容时的行为方式。

一种解决方案是在您的 feImage 元素中使用外部 URL，并在将每个图像与 feMerge 组合之前通过 feColorMatrix（以应用不透明度）传递每个图像。

【讨论】：

【解决方案2】：

在 Firefox 中，feImage 目前仅针对完整图像而非文档片段实现。您应该使用引用源图像 URL 的 feImage 直接将图像拉入过滤器，而不是图像标签的 ID。

（这是问题 17075857 的副本）

【讨论】：