颜色到黑白 javascript 的影响
是否有任何已知/简单/开源库提供 一个 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()
Is there any known/simple/open-source library that provide
a javascript function that will switch colored picture that is displayed in an html page into a black and white
That can be used in all the most used browsers (IE, FireFox, Chrome)?
I mean something like:
<html>
...
<img id="myPic" src="pic.jpg">
...
<script type="text/javascript">
function onEvent(){
var pic = document.getElementById("myPic");
magicFunctionToBlackAndWhite(pic);
}
</script>
</html>
looking for that magicFunctionToBlackAndWhite()
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
没有一种解决方案适用于所有浏览器，但您可以组合不同的解决方案：
对于 IE，使用以下 CSS：
filter: Gray许多其他浏览器支持
canvas，所以你应该能够使用这个javascript代码来实现这一点。当然，用服务器端语言（例如 .net）制作黑白图像应该不会太麻烦，因此您始终可以使用 javascript 原则上执行如下操作：
...然后有所有的魔法都发生在服务器上。
There's no one solution that works across all browsers, but you can combine different solutions:
For IE, use the following CSS:
filter: GrayA lot of other browsers supports
canvas, so you should be able to use this javascript code for that.Of course it should't be too much of a hassle to make an image b/w in a serverside language such as .net, so you could always have a javascript that in principle does something like the following:
...and then have all of the magic happening on the server.
通过使用
元素也许可以实现这一点，但我建议您自己手动或通过某种脚本制作黑白版本。相信我——这会为你省去很多麻烦。That might be somehow possible by using the
<canvas>element, but I would recommend you to do the black and white versions yourself, either manually or through some sort of script. Trust me – it'll save you a lot of trouble.