【发布时间】：2011-02-22 10:18:42
【问题描述】：
给定一张彩色图像，是否可以将样式应用于图像标签以使其在浏览器中看起来是黑白的？我看到了令人惊讶的仅限 IE 的解决方案 :) 通常情况正好相反。
有什么想法吗？谢谢
【问题讨论】：
-
IE 实际上从 v4 开始就提供了这些类型的过滤器，但我认为没有 CSS 或 HTML 方法可以做到这一点。
-
你的意思是greyscale还是thresholding？
【发布时间】：2011-02-22 10:18:42
【问题描述】：
您只看到 IE 解决方案的原因是它不是 CSS 的一部分。 IE - 一如既往 - 决定走自己的路并添加一堆非标准过滤器:)
如果您可以使用 HTML 5，则可以使用 canvas 标签并执行以下操作：http://spyrestudios.com/html5-canvas-image-effects-black-white/
否则，你可能运气不好。
【讨论】：
-
为了完整起见，感谢您提供的信息！不幸的是，在我的书中，纯 FF 解决方案与纯 IE 解决方案一样糟糕。任何故意针对一个浏览器的非标准功能集的人都是在自找麻烦，并且可以说是在阻碍互联网。
对于纯 jQuery 解决方案，有一个名为 Image Desaturate 的插件。
否则，请查看Desaturate Images Using Javascript 和Pixastic library for Desaturate。
我通过简单的 Google 搜索“javascript desaturate”和“javascript desaturate jquery”很快找到了这些。
【讨论】：
-
这些插件仍然使用
<canvas>标签。他们只是将其隐藏起来，因此开发人员不需要知道它是如何发生的。可能这就是您所说的“纯 jQuery”的意思，但我不确定您是否说 jQuery 能够自行去饱和图像。 -
我的意思是纯 jQuery，因为它坚持使用一个库，但添加了一个插件。