78

css (可能であれば) または javascript で画像 (jpg/png ..) の色を反転するにはどうすればよいですか?

以前の 関連する質問では、十分な詳細が得られません。

4

4 に答える 4

172

CSS3 には新しい filter 属性がありますこれは Webkit ブラウザーでのみ機能します Webkit ブラウザと Firefox でサポートされています。IE または Opera mini ではサポートされていません。

img {
   -webkit-filter: invert(1);
   filter: invert(1);
   }
<img src="http://i.imgur.com/1H91A5Y.png">

于 2012-11-10T20:30:34.817 に答える
11

以下のコードを使用して、主要な新しいブラウザで実行できます

.img {
    -webkit-filter:invert(100%);
     filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
}

ただし、すべてのブラウザで動作させたい場合は、Javascript を使用する必要があります。この要点のようなものが仕事をします。

于 2015-04-09T11:59:44.237 に答える
0

0 から 1 への反転には、IE 10 のサポートを提供するこのライブラリInvertImagesを使用できます。また、IE 11 でテストしたところ、動作するはずです。

于 2016-07-04T09:08:06.487 に答える