本文实例讲述了JavaScript+Canvas实现彩色图片转换成黑白图片的方法。分享给大家供大家参考，具体如下：
1、convertToGray()
在主体代码中使用 canvas 元素的id来获取画布，并设置画布的宽和高为图片的宽和高，再将上下文初始化为2d画布；彩色图片加载完成后，使用 drawImage() 将图片加载到上下文，调用用于完成剩余绘制工作的 getColorData()和 putColorData()；最后为myImage指定彩色图片的路径。
2、getColorData()
使用 getImageData()将图像复制到 myImage，然后按照以下方式处理图像：在图像
