Javascript 如何将遮罩应用于画布上的点

我正在尝试用JavaScript制作一个水模拟。我现在有一些类似的东西，由一些小的点组成。我想在这些点上涂一层面膜，这样看起来更像水，但我不知道该怎么做。我想实现一个类似于游戏“我的水在哪里？”的效果，基本上所有靠近的点都显示为一个水滴，具有类似metaball的效果。我试着用谷歌搜索一个解决方案，但没有成功

感谢您的帮助。谢谢。

想明白了

对于任何想知道的人，我使用了所示的方法，但我只在临时画布上绘制了一次渐变，然后使用

drawImage（）

在真实画布上绘制渐变，这要快得多