有没有一种通过CSS在Chrome中制作灰度图像的方法?
我尝试过这个,但在最新版本的Chrome上无法使用。
从当前版本19.0.1084.46开始,Webkit支持本地CSS滤镜。
因此,-webkit-filter: grayscale (1)可用,这比对于Webkit的SVG更好且更易于操作...
<img src="wrapper.svg"/>
,其中wrapper.svg对svg应用了一个滤镜,而svg具有指向栅格图像的图像元素。在Opera、Chrome、Firefox和可能的IE10中运行(未经测试)。encodeURIComponent
,则可以传递自己的url。请注意,要使参数传递起作用,它依赖于启用脚本,因此如果您需要在<img>元素或css背景图像中使用它,则需要在服务器上生成svg文件。目前还不支持,但是Chrome 18将会支持css filters(今年晚些时候发布)。SVG filters 只有Firefox支持。不过你应该能够找到一个一致的canvas+javascript解决方案。
编辑:请参考Erik Dahlström的文章获取替代方案。
.toLowerCase()
以便对大小写敏感的 URL,并且arr
应该是一个对象{}
。 - bennedich