把现实世界当中的物体模拟到计算机当中,一些简单的物理实验、碰撞旋转等等难度还是不算很大,难度较大的应当算流体模拟。本文将在Canvas当中模拟出一个2D平面内的水珠,涉及的知识点和技巧包括:Jscex基础知识,贝塞尔曲线的绘制,合理利用CanvasRenderingContext2D的translate和rotate等API。在模拟水滴之前,我们先思考一下怎么在canvas当中绘制一个椭圆。大家可以很容易想到下面几种方案:1.根据椭圆笛卡尔坐标系方程绘制2.根据椭圆极坐标方程绘制3.根据椭圆曲率变化绘制4.利用四条贝塞尔曲线绘制第四中,也是性能最好的一种,这样可以避免复杂的