firefox - svg feMerge が Firefox で動作しない

Question

FireFox での SVG に問題があります。

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

この SVG は Chrome では動作しますが、FF(v24.0) では動作しません。なぜですか?

クロスブラウザ ソリューションで 2 つの画像をマージする方法を知る必要があります。

どうも。

Answer 1

FFのfeImageは<image>、外部ファイルではなく内部ファイルを参照しているという事実を好まないようです。IE にも同じ制限があるようです。

また、空の<use>要素を使用してフィルターをインスタンス化することが確実に機能するかどうかもわかりません。私が知る限り、仕様では、use何も参照されていない場合の動作方法が指定されていません。

1 つの解決策は、feImage 要素で外部 URL を使用し、各画像を feColorMatrix に渡して (不透明度を適用するため)、それらを feMerge と結合することです。

デモはこちら: http://jsfiddle.net/p6qJu/