SVG在动画点之间绘制元素

Question

我想在动画之间绘制元素。我的意思是路径上的逐像素星。我怎样才能画出所有的星星？我希望在动画播出后画出来，就像蜗牛一样，他在他身后留下了条纹。

＆＃13;

＆＃13;

<?xml version="1.0"?>
<svg width="120" height="120" viewBox="0 0 120 120"
    xmlns="http://www.w3.org/2000/svg" version="1.1"
    xmlns:xlink="http://www.w3.org/1999/xlink">

  <path d="M10,110 A120,120 -45 0,1 110 10 A120,120 -45 0,1 10,110"
      stroke="lightgrey" stroke-width="2" 
      fill="none" id="theMotionPath"/>

  <polygon points="10,0.1 4,19.8 19.0,7.8 1.0,7.8 16.0,19.8" style="fill:lime;stroke:purple;stroke-width:2;fill-rule:evenodd;" >
    
    <animateMotion dur="6s" repeatCount="indefinite">
      <mpath xlink:href="#theMotionPath"/>
    </animateMotion>
  </polygon>
</svg>

＆＃13;

＆＃13;

＆＃13;

编辑：此帖标记为＆＃34;已经回答＆＃34;那为什么会有所不同呢？我不想改变笔画，我想为我的svg制作更多元素。