0

JS で画像に SVG フィルターを追加しようとしました。Firefox では問題なく動作します。

jQuery の CSS メソッドを呼び出して、画像を操作するインライン スタイルを追加します。

colorFilter = 'url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'changeColor\'><feColorMatrix type=\'matrix\' values=\'' + config['red'] + ' 0 0 0 0 0 ' + config['green'] + ' 0 0 0 0 0 ' + config['blue'] + ' 0 0 0 0 0 ' + config['alpha'] + ' 0' + '\'/></filter></svg>#changeColor")';

'すでにエスケープされたパーセンテージエンコーディングを使用しました。また、普通に逃げました。どちらも Chrome では機能しません。Firefox はどちらでも問題ありません。

誰にもアイデアはありますか？

4

1 に答える 1

0

SVG 仕様によると、SVG フィルターは SVG<image>要素で機能します。Firefox はこれを拡張してSVG フィルターを html <img>要素にも適用できるようにしましたが、Chrome はまだこれを実装していません。

于 2013-10-15T21:04:51.447 に答える