基于Canvas 实现图片转点阵图

要实现什么##

同事想做一张世界地图的背景图，但是网上找的图片都太low了。他想用那种密集的点阵组成的世界地图。作为程序员，想法当然是通过图片处理，识别像素点，然后生成新的图片。

目标是这样的：

实现思路##

其实稍微想一下就很容易想明白：
1. 获取图片数据
2. 分析像素点，判断是不是空白 （每个像素点的rgb色值不是255或某个阈值： r<255 || g<255 || b<255），就替换成指定颜色像素点
3. 把图片划分成像素块， 某一个像素块里空白面积小于 50%（看需求设定阈值），判断为填充点，否则变为透明。
4. 重新绘制图片。

不拘泥于语言，基本思路都是这样。下面是一个Canvas版本：