jQuery將圖像轉換爲灰度？

我是新來的jQuery，真的很喜歡它。我想知道是否有類似IE的效果，我可以在運行時將圖像轉換爲灰度。jQuery將圖像轉換爲灰度？

來源

2010-03-19 Scott B

我不認爲jQuery有一個特殊的方式來做到這一點，但你可以使用<canvas>標籤。 see tutorial

來源

2010-03-19 00:50:29

退房pixastic ......它應該在工作...

的Internet Explorer 5.5或以上版本
歌劇9.5+
火狐2+
WebKit每日

http://www.pixastic.com/lib/docs/actions/desaturate/

var img = new Image(); 
img.onload = function() { 
    Pixastic.process(img, "desaturate", {average : false}); 
} 
document.body.appendChild(img); 
img.src = "myimage.jpg";

來源

2010-03-19 07:39:42

網站不工作？ – robertjuh 2017-08-07 16:25:44

有這樣的例子正在倒車時進行（色灰度）使用jQuery：

http://www.sohtanaka.com/web-design/examples/hover-over-trick/

我想這將是足夠簡單，扭轉這一所以它從灰色變成了彩色。代碼本身看起來非常簡單和優雅。

來源

2010-08-12 11:37:56

網站不再存在。因此這不是一個答案。 -1 – gibberish 2014-03-17 01:25:08

如果您的目標是在懸停時將圖像灰度化，您也可以使用此技巧。 http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/

來源

2011-03-14 17:46:53

這裏是我的簡單的jQuery插件：jquery-grayscale

你運行它想：

$('img').grayscale();

它利用<帆布>的，所以它不會在舊的瀏覽器。

來源

2011-04-28 08:19:52

它不會做任何:( – RobinJ 2011-10-14 18:48:45

http://jsfiddle.net/Tpa87/2/ – 2012-01-21 13:48:48

我寫了一個叫做$.greyScale()的jQuery插件，它可以幫你做到這一點。它通過代理請求支持在另一個域上託管的映像。

它只是利用

$('img').grayScale();

來源

2011-08-10 19:10:54 Prydie

這需要調用每個圖像的第三方服務;該服務不workignals – 2011-09-21 02:56:50

這很奇怪它已工作數月。我會仔細研究一下。 – Prydie 2011-09-26 19:19:17

-1

我想在這裏列出的所有的人調用，他們沒有工作（無論是做太像連接上懸停，或只是不跨瀏覽器或域工作）。所以我掀起了一個自己，這是非常簡短的：https://github.com/arturnt/jquery.grayscale.js

來源

2011-08-29 20:28:02 Art

這與prydie的圖書館使用相同的（損壞的）服務 – 2011-09-21 02:57:57

它破壞了什麼瀏覽器？ – Art 2011-09-23 07:33:28

我看了看，它是被破壞的網絡服務，它已經死了。 – 2011-09-24 02:53:07

jQuery將圖像轉換爲灰度？

回答

相關問題