使用路径在svg中创建打蜡新月

我想在这个svg上创建任何月相，如蜡月和其他月相

svg代码必须是动态的，才能创建从1相到28相的任何月相

     <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" >
    <g><circle cx="60" cy="60" r="50" fill="#fff" stroke="#000" stroke-width="7"/>
<path d="m60 8a48 52 0 0 0 0 105l0-105z"/></g></svg>

像这样但没有任何背景，这里就像蓝色

---

为了模拟月亮的相位，我使用了两个圆圈

黄色的底圆是

fill=“#E7D68C”

模仿满月

上面的黑色圆圈向左移动，与黄色圆圈重叠，这与地球的运动与太阳光线照射下的月球重叠相吻合

---

为了模拟月亮的相位，我使用了两个圆圈

黄色的底圆是

fill=“#E7D68C”

模仿满月

上面的黑色圆圈向左移动，与黄色圆圈重叠，这与地球的运动与太阳光线照射下的月球重叠相吻合