音谱可视化:在canvas上做的手脚

波形图的衍生

在了解了web audo API的功能之后，我就开始探究可视化图形有什么可以改进的地方了，比如一开始的波形图：

正如上一篇所讲的那样，这里运用的是canvas里的巴塞尔曲线来描绘的，那么描绘巴塞尔曲线的函数参数是什么呢？

---

ctx.moveTo(20,20);
ctx.quadraticCurveTo(20,100,200,20);
moveTo()函数表示的是曲线的起始点，而quadraticCurveTo()函数的后两个参数就是描绘曲线结束的点，那么quadraticCurveTo()的前两个参数就是能够有效的表示曲率(但是其值并非为曲率)，暂称为伪曲率吧，为了更好的理解，于是再把图上一遍：