Tag: spline

如何使用JavaScript HTML5canvas通过N点绘制平滑曲线?

对于绘图应用程序,我将鼠标移动坐标保存到一个数组,然后用lineTo绘制它们。 结果线不平滑。 我怎样才能在所有聚集的点之间产生一条曲线? 我已经search了,但我只find了3个绘制线的函数:对于2个采样点,只需使用lineTo。 对于3个采样点quadraticCurveTo,对于4个采样点,bezierCurveTo。 (我试图在数组中每4个点绘制一个bezierCurveTo,但是这会导致每4个采样点扭曲,而不是连续的平滑曲线。) 如何编写一个函数来绘制5个采样点以上的平滑曲线?