如何使用 Javascript 将彩色图像转换为黑白图像? [英] How do you convert a color image to black/white using Javascript?

问题描述

如何仅使用 Javascript 将彩色图像转换为黑白图像?

并且，还要让它在大多数浏览器中交叉兼容，因为我听说 Internet Explorer 有一个过滤器"机制，但没有其他浏览器支持它.

AND, also make it cross compatible in most browsers because I hear Internet Explorer has a "filter" mechanism but no other browsers support it.

推荐答案

尽管我最初持怀疑态度，但在某些浏览器中使用新的 Canvas 功能似乎确实可以实现这种魔法.

Despite my initial scepticism it appears that such magic is indeed possible, using the new Canvas functionality in some browsers.

此页面展示了如何使用支持 Canvas 的浏览器进行操作:

This page shows how to do it using browsers that support Canvas:

http://www.permadi.com/tutorial/jsCanvasGrayscale/index.html

对于需要使用过滤器的IE，这里有一个做灰度的例子:

For IE you need to use filters, there is an example of doing greyscale here:

http://www.javascriptkit.com/filters/basicimage.shtml

这篇关于如何使用 Javascript 将彩色图像转换为黑白图像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！