如何实现这个canvas效果?

我想用canvas实现这个效果,但是没有思路。

img


我目前有以下资源文件

img

1.先成一个纯底色的canvas(不能与小点的颜色相同),将mosaic-1.png写入canvas;
2.比如说生成了一个纯灰色的底色,然后mosaic-1.png上的小点是黑色的,就可以遍历画布,将黑色的色值改为透明色
3.生成一个canvas,写入color-y.png,然后将最开始生成的canvas写入当前canvas;
4.完成

看起来是两个图片叠加