` <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>`
我已定好开始的位置,可是点击执行的动画的时候,开始的位置却跑到了下面,是什么情况,哪路大神知道呀!
开始的位置应该是path的起始位置,也就是 “M30 380 L90 380 ”中的[30,380],在左下角,横线的起始位置。