在网页上以灰度显示彩色图像

如何将我网站上的图像转换为灰度图？我不在乎它是PHP还是JS，但我认为PHP更好。在网页上以灰度显示彩色图像

特别是我有一个包含图像的各种帖子的博客，我希望在索引页面上预览博客帖子的缩略图图像为灰度图，而博客文章中的代表图像保持着色。这些缩略图图像共享一个名为.post-thumbnail的类，其中img标记位于具有该类的元素内。

所有我想要的东西，将像这样在CSS中是不会有该属性：

.post-thumbnail img { image-transform: greyscale; }

在PHP或JS。

来源

2011-09-20 Thomas Maier

在计算器上快速搜索发现此：

$im = imagecreatefrompng('dave.png'); 
imagefilter($im, IMG_FILTER_GRAYSCALE); 
imagepng($im, 'dave.png');

见Making an Image Greyscale with GD Library

来源

2011-09-20 01:05:28 Hamish

不知道这怎么会最终在我想要的地方。我已经尝试了几种在Google和Stackoverflow上找到的方法，但是他们中的每一个看起来都非常复杂或臃肿，或者非常老套。为什么这么简单这么难？ –

好的，我正在尝试在jQuery中使用pixastic。 http://www.pixastic.com/lib/docs/#jquery 但是，该代码不会产生想要的结果... \t <脚本类型= “文本/ JavaScript的” SRC = “H TTP：//ajax.googleapis.com/../jquery.min.js”> \t \t \t <脚本类型= ”文本/ JavaScript的“> \t \t $（” 附着-后的缩略图。 “）pixastic。（” 去饱和“）; \t –

“复杂或臃肿或非常老派”。这三行代码看起来既不复杂也不臃肿。你有什么问题？ – erjiang

实际上，你可以做到这一点上使用JavaScript客户端！

http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

来源

2011-09-20 01:29:13 nickf

那个看起来很慢“...... 3秒......”。我发现这个：http：//www.pixastic.com/lib/docs/#jquery，并在

中做了这个：http://cl.ly/AHSc。但是不行。 –

在网页上以灰度显示彩色图像

回答

相关问题