今天总结的是JS绘制贝塞尔曲线的过程。贝塞尔曲线可以是n阶，但，常见的贝塞尔曲线是二阶和三阶贝塞尔曲线。在绘图软件中用到的就是二阶和三阶贝塞尔曲线。
    
    svg中，二阶贝塞尔曲线的定义为：
    <path d="
            M 00 200  		        // 移动到 (0 200)
            Q 100 50 497 397	    // quadratic 控制点 (100 50)，终点 (497 397)
            " stroke="lightgreen" fill="none"></path>

    下图是二阶贝塞尔曲线的动态使用过程（点击区域内的任意点拖动）：

    
    

    svg中，三阶贝塞尔曲线的定义为：
    <path d="
            M 00 200  		                // 移动到 (0 200)
            C 100 50 150 200 497 397	    // curveto 控制点 (100 50)，控制点 (150 200)，终点 (497 397)
            " stroke="lightgreen" fill="none"></path>

    下图是三阶贝塞尔曲线的动态使用过程（拖动区域内的正方形）：

    
    
    
    ————www.v-signon.com学习者共勉