我想为一个矩形设置动画,使其遵循迄今为止使用的给定路径animateMotion
。这就是我得到的:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<g>
<rect height="40" width="40" style="fill:#777; stroke:none;"/>
<animateMotion fill="freeze" path="M 0 0 Q 190 160 150 70 T 200 150 T 300 200 T 200 200" dur="3.14159s" repeatCount="indefinite"/>
</g>
<path d="M 0 0 Q 190 160 150 70 T 200 150 T 300 200 T 200 200" style="fill:none;stroke:#F00;stroke-width:5"/>
现在我的问题是:如何让矩形跟随路径(已经实现),矩形(20 20
)的中心始终在路径上?这可以通过 SVG 提供的方式实现吗?