我在 FireFox 上的 SVG 有问题:
示例:http : //pilat.free.fr/english/filters/filtre_fme.htm
这个 SVG 适用于 Chrome,但不适用于 FF(v24.0),为什么?
我需要知道如何将 2 个图像与跨浏览器解决方案合并。
谢谢。
我在 FireFox 上的 SVG 有问题:
示例:http : //pilat.free.fr/english/filters/filtre_fme.htm
这个 SVG 适用于 Chrome,但不适用于 FF(v24.0),为什么?
我需要知道如何将 2 个图像与跨浏览器解决方案合并。
谢谢。
好吧,FF 中的 feImage 看起来不喜欢您引用的是内部<image>
文件而不是外部文件的事实。看起来 IE 可能有同样的限制。
另外,我不确定用空<use>
元素实例化过滤器是否会可靠地工作。据我所知,规范没有指定在use
不引用任何内容时如何表现。
一种解决方案是在您的 feImage 元素中使用外部 URL,并在将每个图像与 feMerge 组合之前通过 feColorMatrix(以应用不透明度)传递每个图像。
在这里演示:http: //jsfiddle.net/p6qJu/
在 Firefox 中,feImage 目前只针对完整图像而不是文档片段实现。您应该使用引用源图像 URL 的 feImage 直接将图像拉入过滤器,而不是图像标签的 ID。
(这是问题 17075857 的副本)