看看这个http://www.zhangxinxu.com/wordpress/2013/12/javascript-js-%E5%85%83%E7%B4%A0-%E6%8A%9B%E7%89%A9%E7%BA%BF-%E8%BF%90%E5%8A%A8-%E5%8A%A8%E7%94%BB/
这显然不是标准抛物线好伐 用二阶贝塞尔拟合 定义: https://en.m.wikipedia.org/wiki/B%C3%A9zier_curve 演示: http://www.w3schools.com/tags/canvas_beziercurveto.asp
给你用贝塞尔画了一个,用的是canvas自带的beizerCurveTo 你在canvas上随机点4个点,就可以画一条从起点到终点的贝塞尔曲线 https://jsfiddle.net/papersnake/tLfws3sy/8/
看看这个
http://www.zhangxinxu.com/wordpress/2013/12/javascript-js-%E5%85%83%E7%B4%A0-%E6%8A%9B%E7%89%A9%E7%BA%BF-%E8%BF%90%E5%8A%A8-%E5%8A%A8%E7%94%BB/