UD5工具箱
使用教程与操作指南
本教程将带您一步步掌握 SVG 动画合成器的使用方法，从创建第一个元素到导出完整的动画作品。
第一步：创建基础元素
打开 SVG 动画合成器后，您会在工具栏看到各种可用的元素类型按钮。要创建一个矩形，点击"矩形"按钮后在画布上拖动鼠标即可绘制。松开鼠标后，矩形会自动添加到画布上。用同样的方式可以创建圆形、椭圆、线条等基础元素。文字元素需要在创建后输入文本内容。路径元素则通过在画布上点击和拖动来绘制自由形状。
第二步：调整元素属性
选中画布上的某个元素后，右侧面板会显示该元素的属性设置。您可以修改元素的位置坐标、尺寸大小、填充颜色、描边颜色和描边宽度等外观属性。对于文字元素，还可以修改文本内容和字体大小。调整属性时，画布上的元素会实时更新显示效果。
第三步：添加动画效果
选中需要添加动画的元素后，点击"添加动画"按钮。在弹出的动画设置面板中，选择要动画化的属性（如位置、颜色、旋转、缩放或透明度），设置起始值和结束值，以及动画的持续时间。您也可以直接使用预设效果快速应用动画。例如，选择"弹跳"预设可以为元素添加一个生动的弹跳动画。
第四步：编辑动画参数
在元素列表面板中可以看到每个元素的动画条目。点击动画条目可以展开编辑面板，修改动画的各项参数。您可以调整动画的开始时间、持续时间、重复次数和缓动方式。通过合理设置开始时间，可以让多个动画按时间顺序依次执行，实现编排效果。
第五步：管理元素图层
当画布上有多个元素时，通过元素列表面板可以方便地管理它们。您可以拖拽元素条目来调整叠放顺序，点击删除按钮移除不需要的元素，或使用复制功能快速创建相同属性的新元素。如果需要从零开始，可以使用清空功能移除所有元素。
第六步：设置循环与总时长
在动画设置区域，您可以配置动画的循环行为。选择"无限循环"可以让动画持续播放，选择固定次数可以控制动画播放几遍后停止。总时长设置用于定义整个动画序列的完整时间跨度，确保所有动画在预设的时间范围内完成。
第七步：预览动画效果
完成动画设置后，点击"播放"按钮预览动画效果。工具会在画布上实时播放所有动画，帮助您检查动画的时间节奏和视觉效果。如果不满意，可以随时返回修改动画参数，直到获得满意的效果。
第八步：导出与使用
动画效果满意后，您可以选择导出方式。点击"导出SVG"按钮会下载一个包含所有动画的 SVG 文件。点击"复制代码"按钮会将 SVG 代码复制到剪贴板。您可以将导出的 SVG 文件直接嵌入到 HTML 页面中使用，也可以将代码粘贴到项目文件中。导出的 SVG 文件可以在任何支持 SVG 的环境中使用。