0

HTMLページに表示される色付きの画像を白黒に切り替えるJavaScript関数を提供する、既知/シンプル/オープンソースのライブラリはありますか?

最も使用されているすべてのブラウザー (IE、FireFox、Chrome) で使用できますか?

私は次のようなことを意味します：

<html>
...
<img id="myPic" src="pic.jpg">
...
<script type="text/javascript">
function onEvent(){
  var pic = document.getElementById("myPic");
  magicFunctionToBlackAndWhite(pic);
}
</script>
</html>

そのmagicFunctionToBlackAndWhite()を探しています

4

2 に答える 2

1

すべてのブラウザーで機能する 1 つのソリューションはありませんが、さまざまなソリューションを組み合わせることができます。

IE の場合、次の CSS を使用します。filter: Gray

他の多くのブラウザが をサポートしているため、この JavaScript コードcanvasを使用できるはずです。

もちろん、.net などのサーバーサイド言語で画像を白黒にするのはそれほど面倒ではないはずなので、原則として次のようなことを行う JavaScript をいつでも使用できます。

var imgs = document.getElementsByTagName('img');
for(var i = 0; i < imgs.length; i++) {
    imgs[i].src = 'convertimage.aspx?img=' + imgs[i].src;
}

...そして、すべての魔法がサーバー上で発生します。

于 2010-01-06T15:29:32.723 に答える
0

要素を使用することで何とかできるかもしれませんが<canvas>、手動または何らかのスクリプトを使用して、自分で白黒バージョンを作成することをお勧めします。私を信じてください-それはあなたの多くの問題を解決します.

于 2010-01-06T15:25:31.123 に答える