svg feMerge不适用于firefox

时间:2013-09-21 00:56:17

标签: firefox svg svg-filters

我在FireFox上遇到SVG问题:

为例: http://pilat.free.fr/english/filters/filtre_fme.htm

此SVG适用于Chrome但不适用于FF(v24.0),为什么?

我需要知道如何将两个图像与crossbrowser解决方案合并。

THX。

2 个答案:

答案 0 :(得分:0)

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

另外,我不确定使用空<use>元素实例化过滤器是否可靠。据我所知,当use没有引用任何内容时,规范没有规定如何表现。

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

在这里演示:http://jsfiddle.net/p6qJu/

答案 1 :(得分:0)

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

(这是问题17075857的副本)