有没有办法通过css在chrome中制作灰度图像？
我已尝试this，但无法使用最新版本的Chrome
答案 0 :(得分：7)
从当前版本19.0.1084.46
添加了对webkit中的本机CSS过滤器的支持so -webkit-filter：grayscale（1）将起作用，哪种方法比SVG更好更容易用于webkit ...
答案 1 :(得分：5)
另一个解决方案是具有间接级别的svg。
基本上，<img src="wrapper.svg"/>其中wrapper.svg将svg过滤器应用于svg，而svg有一个指向光栅图像的图像元素。适用于Opera，Chrome，Firefox和IE10（未经测试）。
这是一个demo。如果先encodeURIComponent，您可以传入自己的网址。但请注意，为了将参数传递给工作，它依赖于启用脚本，因此如果您需要在＆lt; img＆gt;中使用它。在css背景图像中，您需要在服务器上生成svg文件。
答案 2 :(得分：2)
尚未，但Chrome 18将支持css filters（今年晚些时候发布）。 SVG过滤器仅受Firefox支持。您应该能够找到一致的canvas + javascript解决方案。
编辑：请参阅ErikDahlström关于替代解决方案的帖子。
答案 3 :(得分：1)
这是一个HTML5解决方案。受当前版本的Chrome支持：http://webdesignerwall.com/demo/html5-grayscale/
