Javascript 为画布绘制线条

我对所有这一切都是新手，似乎不知道如何制作一个for循环（如果可能的话）来画出我想要的线的类型。我试图创建一个南瓜图像使用画布，并希望勾勒出牙齿。我希望有一种比键入所有代码更简单的方法来画出牙齿轮廓线。下面是每一行的代码，但我似乎无法找出执行相同操作的for循环。任何帮助都将不胜感激。谢谢

context.beginPath();
context.strokeStyle = '#cc5200';
context.moveTo(220, 590);
context.lineTo(220, 550);
context.moveTo(220, 550);
context.lineTo(260, 550);
context.moveTo(260, 550);
context.lineTo(260, 590);
context.moveTo(260, 590);
context.lineTo(300, 590);
context.moveTo(300, 590);
context.lineTo(300, 550);
context.moveTo(300, 550);
context.lineTo(340, 550);
context.moveTo(340, 550);
context.lineTo(340, 590);
context.moveTo(340, 590);
context.lineTo(380, 590);
context.moveTo(380, 590);
context.lineTo(380, 550);
context.moveTo(380, 550);
context.lineTo(420, 550);
context.moveTo(420, 550);
context.lineTo(420, 590);
context.moveTo(420, 590);
context.lineTo(460, 590);
context.moveTo(460, 590);
context.lineTo(460, 550);
context.moveTo(460, 550);
context.lineTo(500, 550);
context.moveTo(500, 550);
context.lineTo(500, 590);
context.moveTo(500, 590);
context.lineTo(540, 590);
context.moveTo(540, 590);
context.lineTo(540, 550);
context.moveTo(540, 550);
context.lineTo(580, 550);
context.lineTo(580, 590);

context.stroke();

---

这应该是一个开始：

var canvas=document.getElementById（'canvas'）；
var context=canvas.getContext（'2d'）；
context.beginPath（）；
context.strokeStyle='#cc5200'；
//循环中重复的示例行
上下文。移动到（10，90）；//左下角
context.lineTo（10,50）；//向上的
context.lineTo（10+40,50）；//赖特
context.lineTo（10+40,90）；//向下
context.lineTo（10+80,90）；//赖特
上下文。moveTo（220,90）；
for（var i=220；谢谢，但这给了我Z字形线而不是正方形线。我确实找到了一个为整个画布绘制网格线的for循环，但似乎不知道如何修改它以只绘制给定的线而不绘制Z字形图案。@BrandyKimmel:我已经编辑了答案。
lineTo（10
线条仅用于绘制重复模式的示例，可以删除这些线条。：-）更像是这样，现在我只需要想办法把它移下来。谢谢。@BrandyKimmel:
50
和
90
中有
y
坐标。把它们调高，线就会下降。我注意到了。非常感谢你的帮助。