Javascript CANVAS-JS-圆形且平滑的路径

我正在开发一个画布应用程序，使用html和js/jquery。 但是我对路径有个问题，它不是圆的，有太多的别名。 这是小提琴，你可以理解我的问题。就在代码之后

var$canvas=$maincavas； var context=$canvas[0]。getContext2d； /*---画布--*/ //在画布上的鼠标事件上： $canvas.mousedown函数{ //在鼠标向下移动时，存储起始坐标并启用图形。 lastEvent=e；//保存起始坐标 mouseDown=true；//已启用绘图 }.鼠标移动功能{ //在mousemove上绘制路径、更改样式、绘制线、更新坐标。 如果鼠标向下移动{ context.beginPath；//开始路径 context.moveTolastEvent.offsetX，lastEvent.offsetY；//起始坐标 context.lineToe.offsetX，e.offsetY； context.lineWidth=$thickness.val； context.strokeStyle=color；//路径的颜色 context.stroke；//绘制路径 lastEvent=e；//替换坐标 } }.鼠标功能{ //禁用鼠标上的绘图 mouseDown=false； }.鼠标移动功能{ //如果鼠标离开画布，停止绘制。错误修复 $canvas.mouseup； }; 解决方案 context.lineCap='round'；

---

特别感谢Stacey Burns

这来自lineCap属性。将其设置为圆形，您将获得一条平滑的路径：

context.lineCap = 'round';

---

你说的别名是什么意思？你也可以提供一个模型，一个静态图像与问题是什么和预期的结果是什么？谢谢！！！！！这就是我要找的！用你的解决方案编辑答案！