使用前端canvas实现

要使用前端canvas实现静态底图加局部液态流动效果的动画，可以使用以下步骤：

1. 在HTML页面中创建一个canvas元素，并设置其尺寸与底图相同；
2. 加载底图，并将其绘制到canvas上；
3. 使用canvas的绘图API，例如`context.drawImage()`方法，在canvas上绘制流动效果；
4. 使用定时器，例如`setInterval()`方法，不断更新流动效果的参数，并在canvas上重新绘制效果；
5. 最后，将制作好的动画导出为所需格式。

需要注意的是，这种方法需要一定的前端开发技能，以及对canvas的绘图API有一定的掌握。同时，由于使用的是前端技术，因此制作的动画效果可能不如使用CFD、SPH、LBM等方法实现的效果真实和复杂。