0

是否有任何已知/简单/开源库提供 javascript 函数，该函数将显示在 html 页面中的彩色图片切换为黑白

可以在所有最常用的浏览器（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

没有一种解决方案适用于所有浏览器，但您可以组合不同的解决方案：

对于 IE，使用以下 CSS：filter: Gray

很多其他浏览器都支持canvas，所以你应该可以使用这个 javascript 代码。

当然，用 .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 回答