3

だから私はSVGフィルターをいじり回していて、それらをHTMLコンテンツに適用したいと思います。

http://paulirish.com/work/videooo.xhtml-ChromeではなくFirefoxで動作します。 https://dl.dropbox.com/u/4031469/woohtml.html-私の例では、ChromeではなくFFで動作します。

Web全体で、svgベースのフィルターを定義するためのurl（）構文について言及しているものを見てきましたが、custom（）はcssシェーダーを参照しています。

filter:ただし、プロパティとプロパティのどちらを使用しても、フィルターを機能させることができませんでした-webkit-filter:。

それらを機能させる方法について何かアイデアはありますか？about:flagsChromeにはオプションがないので、まだ実装されていないのか、何か間違ったことをしているのかを調べようとしています。

4

2 に答える 2

6

省略形のフィルター（blur、sepiaなど）に加えて、Chromeは-webkit-filter：url（#foo）構文を使用して、V.21以降のHTMLコンテンツでSVGフィルターをサポートするようになりました。

于 2013-01-11T22:37:39.100 に答える
1

Webkitは、html要素のsvgフィルターをサポートしていません。ただし、cssフィルターはサポートしています。

したがって、両方のブラウザをサポートしたい場合は、次のように書くことができます...

selector {
  filter: url(#reference_to_blur);
  -webkit-filter: blur(10px);
}

あなたはここでより多くのCSSフィルターを見ることができます：http：//davidwalsh.name/css-filters

私はテストしていませんが、IE9とOperaが現在のバージョン（IE9とOpera 11）でcssまたはsvgフィルターをサポートしているとは思えません。

于 2012-06-28T18:55:08.330 に答える