顏色到B/W JavaScript的影響

是否有提供將切換彩色顯示在一個HTML頁面變成黑白顏色到B/W JavaScript的影響

圖片javascript函數任何已知/簡單/開放源碼庫，可以用於所有最常用的瀏覽器（IE，FireFox，Chrome）？

我的意思是這樣的：

<html> 
... 
<img id="myPic" src="pic.jpg"> 
... 
<script type="text/javascript"> 
function onEvent(){ 
    var pic = document.getElementById("myPic"); 
    magicFunctionToBlackAndWhite(pic); 
} 
</script> 
</html>

尋找那個magicFunctionToBlackAndWhite（）

來源

2010-01-06 GyRo

有沒有一個解決方案，它在所有瀏覽器上運行，但你可以結合不同的解決方案：

對於IE瀏覽器，使用下面的CSS：filter: Gray

很多其他瀏覽器支持canvas，所以你應該能爲use this javascript code。

當然它should't太麻煩了，使圖像的B/W在服務器端語言，如.NET，所以你總是可以有一個JavaScript，原則上做類似如下：

var imgs = document.getElementsByTagName('img'); 
for(var i = 0; i < imgs.length; i++) { 
    imgs[i].src = 'convertimage.aspx?img=' + imgs[i].src; 
}

...然後有所有的魔法發生在服務器上。

來源

2010-01-06 15:29:32

OK，貌似這裏的例子（http://www.permadi.com/tutorial/jsCanvasGrayscale/index.html）將做的工作。儘管我認爲有些東西更像一個更優雅的東西，當改變圖像的超音效時，我們可以使用： element.style.opacity – GyRo 2010-01-06 16:00:57

這可能是通過使用<canvas>元素某種程度上可能的，但我會建議你做黑白您可以手動或通過某種腳本來自行更新版本。相信我–它會爲您節省很多麻煩。

來源

2010-01-06 15:25:31

顏色到B/W JavaScript的影響

回答

相關問題