Question

是否有任何已知/简单/开源库提供一个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（）

Answer 1

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

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

许多其他浏览器都支持canvas，因此您应该可以use this javascript code。

当然，使用.net这样的服务器端语言制作图像不应该太麻烦，所以你总是可以拥有一个原则上可以执行以下操作的javascript：

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

...然后在服务器上发生所有魔法。

Answer 2

使用<canvas>元素可能会以某种方式实现，但我建议您自己手动或通过某种脚本来制作黑白版本。相信我 - 它会为你省去很多麻烦。

颜色到B / W javascript影响

2 个答案: