我有这个图像：
。
我需要将其变灰以使其看起来像这样
：
使用这个 SO 问题中的响应：Gray out image with CSS?
opacity : 0.4;
filter: alpha(opacity=40); /* msie */
我明白了：
将过滤器属性设置为filter: grayscale(100%)仍然会改变颜色：
无论如何我可以让它完全变灰吗？
问问题
732 次
2 回答
1
听起来您正在尝试更改图像中的实际像素。我相信你正在寻找的是类似的东西。
Pixastic（颜色调整）
https://github.com/jseidelin/pixastic
http://www.pixastic.com/lib/docs/actions/coloradjust/
或 PaintbrushJS（彩色）
于 2013-01-04T14:38:33.013 回答
1
您将无法使用 CSS 执行此操作。您需要首先以一种或另一种方式处理图像以获得去除渐变的纯灰色。
更好的方法是根据需要制作一个版本，然后使用 css/js 将颜色版本替换为处理后的版本。
另一种选择是使用画布和卷积或逐像素处理它。
然而，像素方法并不是最快的孩子：
http ://www.onaluf.org/en/entry/13
但也许通过使用各种技术对其进行处理可以为您提供以下内容：http:
//www.html5rocks.com/en/tutorials/canvas/imagefilters/
于 2013-01-04T14:38:45.200 回答