0

我在 FireFox 上的 SVG 有问题:

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

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

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

谢谢。

4

2 回答 2

0

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

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

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

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

于 2013-09-21T01:34:23.090 回答
0

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

(这是问题 17075857 的副本)

于 2013-09-23T17:06:54.007 回答