Javascript 如何使用arcTo制作眼睛

我在试着做眼睛的白色部分：

但我不知道我做错了什么，也许这不是假设使用arcTo，问题是我如何做眼角

函数main（）{
var c2d=document.getElementById（“acanvas”）.getContext（“2d”）；
olho（c2d）；
}
功能olho（c2d）{
c2d.fillStyle=‘蓝色’；
//起点
c2d.fillRect（120,220,10,10）；
c2d.fillStyle=‘红色’；
//管制站一
c2d.fillRect（155、220、10、10）；
//管制站二
c2d.fillRect（190,220,10,10）；
c2d.strokeStyle=“黑色”；
c2d.beginPath（）；
c2d.移动到（120220）；
c2d.arcTo（190、220、155、220、30）；
c2d.stroke（）；
}

---

用

直角曲线分别画上下半部分，如下所示：


功能图（ctx、x、y、w、h）
{
设c=x+w/2；
ctx.beginPath（）；
ctx.moveTo（x，y）；
//上弧
四次曲线（c，y-h，x+w，y）；
//下弧
ctx.二次曲线（c，y+h，x，y）；
ctx.stroke（）；
}
const cnv=document.getElementById（“眼睛画布”）；
const ctx=cnv.getContext（“2d”）；
//上下文、x/y位置、宽度、高度
抽签（ctx、10、75、280、130）