制作人脸SVG时无法将眉毛置于正确位置，求技术指导

我来帮你搞定这个眉毛位置的问题～先看一下你当前的代码问题：你的脸是一个圆心在(50,50)、半径40的圆，眼睛在(35,45)和(65,45)的位置，但当前的眉毛<path>起点在(10,20)、终点在(40,20)，这个位置不仅在脸的左侧边缘外，还远低于眼睛的上方区域，自然就不对啦。

下面是具体的调整方案：

• 定位逻辑：眉毛应该对应每只眼睛的上方，大概在眼睛y坐标往上5-10像素的位置（比如眼睛cy=45，眉毛可以放在y=35左右），同时左右位置要和眼睛对齐。
• 贝塞尔曲线调整：二次贝塞尔曲线的控制点要放在眉毛弧线的最高点，这样能做出自然的弯曲效果。

修改后的完整SVG代码如下：

<svg height="100" width="100">
  <!-- 脸部轮廓 -->
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="none" />
  <!-- 左眼 -->
  <ellipse cx="35" cy="45" rx="4" ry="5" stroke="red" stroke-width="2" fill="none" />
  <!-- 右眼 -->
  <ellipse cx="65" cy="45" rx="4" ry="5" stroke="red" stroke-width="2" fill="none" />
  <!-- 左眉毛：对应左眼上方，弧线自然弯曲 -->
  <path d="M25,35 Q35,28 45,35" fill="none" stroke="#000" stroke-width="1.5px" />
  <!-- 右眉毛：对应右眼上方，对称弧度 -->
  <path d="M55,35 Q65,28 75,35" fill="none" stroke="#000" stroke-width="1.5px" />
</svg>

你可以根据需求微调坐标：

• 如果想让眉毛更平，把控制点的y值调大一点（比如Q35,32）；
• 如果想让眉毛更弯，把控制点的y值调小一点（比如Q35,25）；
• 调整起点和终点的x值，可以改变眉毛的长度。

内容的提问来源于stack exchange，提问作者vaishali kapadia