цвет на ч / б джаваскрипт аффект - PullRequest
Новая
       15

цвет на ч / б джаваскрипт аффект

0 голосов
/ 06 января 2010

Существует ли какая-либо известная / простая / библиотека с открытым исходным кодом, обеспечивающая функция javascript, которая переключает цветное изображение, отображаемое на html-странице, в черно-белое

Что можно использовать во всех наиболее популярных браузерах (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 ()

Ответы [ 2 ]

1 голос
/ 06 января 2010

Нет единого решения, которое работает во всех браузерах, но вы можете комбинировать разные решения:

Для IE используйте следующий CSS: filter: Gray

Многие другие браузеры поддерживают canvas, поэтому вы должны иметь возможность использовать этот код JavaScript для этого.

Конечно, создавать ч / б изображение на серверном языке, таком как .net, не должно быть слишком хлопотно, так что вы всегда можете иметь javascript, который в принципе выполняет что-то вроде следующего: 

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

... и тогда вся магия происходит на сервере.

0 голосов
/ 06 января 2010

Это может быть как-то возможно при использовании элемента <canvas>, но я бы порекомендовал вам сделать черно-белую версию самостоятельно, либо вручную, либо с помощью какого-либо сценария. Поверь мне & ndash; это избавит вас от многих проблем.

...