关于SVG动画

Question

` <svg style="background: url('2.jpg') no-repeat;background-size: cover;" width="800" height="447" version="1.1" >

        
    <g>
          
        <image xlink:href="1.jpg" x="30" y="380"  width="49" height="47" />
        <animateMotion  dur="6s" id="an1"  fill="freeze" 
        path="M30 380 L90 380 C 220 -150 650 70 720 120"
        repeatCount="1" begin="click">
        </animateMotion>
        
    </g>
    <text font-family="microsoft yahei" font-size="25" x="50" y="300" opacity="0">哈哈哈
        <animate attributeName="opacity" from="0" to="1" begin="an1.end" fill="freeze" dur="3s" />
    </text>  
  
    
</svg>`

我已定好开始的位置，可是点击执行的动画的时候，开始的位置却跑到了下面，是什么情况，哪路大神知道呀！

Answer 1

开始的位置应该是path的起始位置，也就是 “M30 380 L90 380 ”中的[30,380]，在左下角，横线的起始位置。