在網頁上以灰度顯示彩色圖像

如何將我網站上的圖像轉換爲灰度圖？我不在乎它是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。但是不行。 –

在網頁上以灰度顯示彩色圖像

回答

相關問題