Javascript html5画布上的速度敏感流体自由手绘画笔

Javascript html5画布上的速度敏感流体自由手绘画笔,javascript,canvas,Javascript,Canvas,我正在尝试一个html5画布绘图应用程序的代码,类似于chrome画布或google keep的绘图部分。然而,我被困在这里尝试创建一个无流体的手绘笔刷,它模拟压力敏感性(即笔刷笔划在其长度上具有动态宽度) 在mousemove事件中,我试图改变与鼠标速度成比例的“笔划线宽”属性……但是有太多的点在宽度上有激进的跳跃,而且看起来一点也不平滑 以下是我努力实现的目标: 如有任何帮助或建议,将不胜感激。我已经坚持了两天了

我正在尝试一个html5画布绘图应用程序的代码,类似于chrome画布或google keep的绘图部分。然而,我被困在这里尝试创建一个无流体的手绘笔刷,它模拟压力敏感性(即笔刷笔划在其长度上具有动态宽度)

在mousemove事件中,我试图改变与鼠标速度成比例的“笔划线宽”属性……但是有太多的点在宽度上有激进的跳跃,而且看起来一点也不平滑

以下是我努力实现的目标:

如有任何帮助或建议,将不胜感激。我已经坚持了两天了