10

CSS フィルターを使用して、ブラウザー内でオンザフライで画像を変更しています。これらは Internet Explorer では完全に機能しますが、Firefox ではサポートされていません。

これらに相当するCSSフィルターがFirefox用であることを誰かが知っていますか? クロスブラウザー (Safari、WebKit、Firefox など) で機能する回答が優先されます。

<style type="text/css">
    .CSSClassName {filter:Invert;}
    .CSSClassName {filter:Xray;}
    .CSSClassName {filter:Gray;}
    .CSSClassName {filter:FlipV;}
</style>

更新: フィルターが IE 固有の機能であることは知っています。Firefox でサポートされているこれらのいずれかに相当するものはありますか?

4

9 に答える 9

6

Nihilogic Javascript Image Effect Libraryを確認してください:

  • IEとFxをかなりうまくサポート
  • たくさんの効果があります

CVI Projectsには、他にも多くの効果があります。

  • それらはJSベースでもあります
  • 実験するラボがあります

幸運を

于 2008-10-01T06:41:26.540 に答える
4

あなたがやろうとしていることの具体例を教えてください。おそらく、「Your browser sux」という応答が少なくなり、「この別のアプローチを試してみませんか?」という応答が増えるでしょう。もの。

通常、CSS は HTML コンテンツのルック アンド フィールを制御するために使用され、効果を追加したり画像を巧妙に編集したりするのではありません。あなたがやろうとしていることは、javascript を使用して可能かもしれませんが、動作指向のスクリプトは、やりたい微調整にはまだあまり適していない可能性があります (ただし、このようなことは、CSS での楽しくて非常に非効率的な冒険です) / JSのおふざけ）。

クライアントがリアルタイムで画像の微調整を実行する必要があるシナリオは想像できません。サーバー側で画像を変更し、正確に何をしているかに応じて、これらの変更されたバージョンを CSS または Javascript で参照するだけです。ImageMagickは、必要なすべての画像効果のための優れたコマンドライン ツールであり、単独で、または選択したサーバー側言語内で非常に簡単に使用できます。または、PHP を使用している場合は、PHP の GD ライブラリーがかなり人気があると思います。

于 2008-10-01T06:32:32.960 に答える
2

他のブラウザには同等のものはありません。最も近い方法は、Canvas のようなグラフィック ライブラリを使用してその中の画像を操作することですが、操作を自分で作成する必要があり、JavaScript が必要になります。

filterは IE のみの機能です。他のブラウザでは利用できません。

于 2008-10-01T03:32:37.370 に答える
2

HTML コンテンツに適用される SVG フィルタ。

Firefox 3.1 以降でのみ動作しますが、Safari も同じ方向に向かっていると思います。

于 2009-02-04T00:23:49.250 に答える
0

これは非常に古い質問ですが、フィルターをサポートするように css が更新されました。詳しくはこちら

https://developer.mozilla.org/en-US/docs/Web/CSS/filter

構文

関数では、次を使用します。

filter: <filter-function> [<filter-function>]* | none

SVG 要素への参照には、次を使用します。

filter: url(svg-url#element-id)
于 2014-09-28T18:38:47.673 に答える
0

SVG の Gaussian Blur などのフィルタがあり、IE を除くほとんどのブラウザでネイティブにサポートされています。

ここでの純粋な思考実験では、javascript を使用してオンザフライで画像を SVG オブジェクトにラップし、それらにフィルターを適用することができます。

これが背景画像で機能するとは思えませんが、おそらく多くの巧妙な配置で機能する可能性があります。

現実的な解決にはなりそうにありません。ソース画像を永続的に変更したくない場合、Rudiが最良の答えを持っています。サーバー側のツールを使用してオンザフライで変換を適用する (またはパフォーマンスのためにキャッシュする) ことが、最適なクロス ブラウザー ソリューションになります。

于 2008-10-01T07:47:58.660 に答える
0

私が知っているものはありません。フィルターは IE のみのものであり、他のブラウザーが同様の機能を備えているとは思いません。

必要な特定のユースケースは何ですか?

于 2008-10-01T04:25:35.337 に答える
0

filter残念ながら、クロスブラウザタイプの機能のほとんどをうまく使えていないのではないでしょうか。CSS だけでは、これらのことのほとんどを行うことはできません。たとえば、CSS だけを使用して画像クロスブラウザーを反転する方法はありません。画像の 2 つの異なるコピー (1 つは反転) が必要になるか、Javascript を使用するか、まったく別の方法を試すことができますが、CSS だけで簡単な解決策はありません。

于 2008-10-01T04:27:57.360 に答える
-2

そうではありません。ブラウザー自体ではなく、CSS を使用して Web ページをフォーマットするため、これは Web 標準の CSS 機能ではありません。他の Web デザイナーや開発者が、自分のブラウザーを好きなようにスタイルするべきだと考え、実際にそうしている日は、私が彼らのページにアクセスするのをやめる日です (私はこれをフロントエンドの Web 担当者として言います)。

于 2008-10-01T04:32:47.053 に答える