ps 设计稿中 就好

用你摄者canvas画布的width宽度和你设置线条宽度或长度，求一个比例值，给每一个需要改变的数值，你，添加比例就可以，或者设置你js脚本里面的所有单位都是基于你的画布宽度的，例如你的线长度为0.8*context.convas.width;

fillStyle 的 S要大写。

1、代码的最后少了一个大括号

2、第二个和第三个beginPath()后面的分号改成在英文输入法下的分号

试一下，看看能否运行

我喜欢这样写，其实都是小粗心，我也是刚学习，一起加油

moveTo是将笔尖发在某处，类似于arcTo函数就需要一个开始的地方，而beginpath不能代替moveto。

canvas是基于状态绘图，也就是说之后会找到最近的beginpath，但之前的转态不会因此失效

个人理解是每一段线段完成以后你需要有一个将画笔抬起的动作，这个动作在stroke中包含着，如果你是最后使用的话，就是中间没有抬笔的动作导致前面所有的线段会连接起来，而不是各自分开

另外，您讲的其他canvas视频，还有前端视频，早已看完

可以一边听课，一边记笔记，再试着敲一遍，不是就有demo了

接着往后看，要使用closePath