Animation 如何创建可缩放的svg动画？

考虑创建一个SVG动画：一个矩形从SVG图像的左侧移动到场景中，然后从右侧移出，这是一个循环

（我不知道如何使用画布库或任何javascript代码）

---

[1]是否可以使用任何应用程序创建此简单动画（与flash一样，但使用svg导出）（我知道Adobe Illustrator允许我们导出向量，但不确定主题动画）

[2]另外，由于SVG是基于矢量的，我打算使此SVG动画流畅（自动将SVG的宽度设置为100%内容比例），是否也可以

---

（我知道如何使用像snap.svg这样的画布库来做这些事情……我正在寻找一些GUI应用程序，让一个不知道js是什么的图形设计师像Adobe Flash那样做）

---

有什么解决方案吗？我不确定GUI应用程序，但流体动画是可能的。查看以下元素：

animate

，

animateMotion

，

animateTransform

，

animateColor

以下是一些示例和文档：

• MDN: