آقای انیگما

به نام خدا

خب برای ایجاد یک مستطیل متحرک اول باید  یه مستطیل رو بسازیم

من یه مستطیل  ۲۰۰  در ۳۰۰ پیکسل با رنگ سب میسازم

<svg width="20000" height="30000"> 

   <rect width="200" height="300"   fill="green" /> 

</svg>

خب این از مستطیل ما

حالا میریم سراغ متحرک کردن اون :)

<animate attributeName="x" from="0" to="500" 

    dur="5s" fill="freeze" repeatCount="2"/>

به کمک تگ animate شکل رو متحرک میکنیم

خب ما میگیم از  پیکسل 0 برو تا پیکسل 500 پس یعنی 500 پیکسل جابجا شو 

برای مشخص کردن که سرعت حرکت از dur استفاده میکنیم که اینجا گزاشتیم روی پنج ثانیه 

برای  مشخص تعداد دفعات تکرار این روند از repeatcount استفاده میکنیم که من این مقدار رو 2 بار گزاشتم

و در اخر تگ ها رو میبندیم

حالا کد مستطیل رو با کد متحرک ساز ترکیب میکنیم و نتیجه این میشه

<svg width="20000" height="30000"> 

<rect width="200" height="300" fill="green"> 

  <animate attributeName="x" from="0" to="500" 

    dur="5s" fill="freeze" repeatCount="2"/>  

</rect> 

</svg>