闲来无事，canvas 绘图获取点位，再重现运动轨迹

前言

最近没什么太忙的事情，本来打算做一个指定运动轨迹，然后图片在指定的区域进行运动的效果，然后写了一下代码片段，虽然大概的效果实现了，但是后期的细节没有去搞，所以看起来可能有一点磕碜，大家将就着看一下吧 （手动滑稽）。

采用的技术

本代码采用的是原生 html+css+js，使用canvas 元素进行的绘图和运动轨迹的绘制，思路也采取的最简单粗暴的，在画笔画下的时候，记录点位，再根据点位的顺序，在画布进行绘制，实现运动轨迹的显示。绘图时候，根据设定的时间，设置断点，来实现点的平滑移动。

话不多说，上代码

后续

这里只是实现了 canvas 绘制路径与运动轨迹的重现，如果想要把运动的元素替换成一个具体的图片，或者其他的样式，就需要再修改代码了。