矢量图动画方案

选择效果，生成一张方案确认图

示例素材
GIF 演示图素材预览

点选下方样式，预览对应效果

图片 · GIF · 视频 · 音频
当前预览等待选择
各组独立选择，预览只显示最近点选的一项

选择你的方案

已选 0 / 5 组

当前使用示例素材；读取你自己的文件夹后，素材仅在浏览器内处理

方案确认图

已准备好，可下载后发给甲方确认

已选方案的 PNG 汇总图
GIF 取首帧 · 视频取预览位置 · 音频显示文件名下载 PNG

使用说明

先在文件夹配好素材，再来这里选择

下载示例素材下载 PDF 说明
  1. 先下载示例素材，解压后用自己的图片、GIF、视频或音频替换其中的文件。
  2. 改分组文字：重命名分组文件夹。改选项文字：重命名素材文件，保留正确的扩展名。
  3. 改顶部标题和说明：用文本编辑器打开「页面配置.json」，修改下面两项文字，保存为 UTF-8。
  4. 点击「选择素材文件夹」，选择包含分组和配置文件的总目录；改完文件后重新选择一次。
  5. 每个显示的组都选好后，点击「确认生成」下载 PNG。
素材/
  页面配置.json
  1_箭头样式/
    1_直线箭头.gif
    2_弧线箭头.mp4
  2_手指样式/
    1_点击.png
  3_动画节奏/
    1_慢速.mp3

页面配置.json 示例：

{
  "页面标题": "我的方案选择",
  "副标题": "选择效果，生成确认图"
}

只改双引号里面的文字，使用英文双引号和逗号，最后一行后不要加逗号。主标题最多 40 字，副标题最多 120 字；副标题填空字符串可隐藏。配置文件可省略，页面会使用默认标题。配置有误时保留上一次成功读取的素材与选择。

每组最多读取 5 项，最多 5 组；空组不显示也不要求选，超出的会提示。数字只控制顺序，页面不显示数字前缀和文件后缀。

推荐格式：PNG / JPG / GIF、MP4（H.264）、MP3。也能读取 WebP、SVG、WebM、MOV、WAV、M4A、OGG；能否播放取决于浏览器的解码支持。

每次重新打开页面，需要重新选择素材目录。读取本机目录只影响当前页面，不会修改网上的内置示例。页面不会上传素材、修改本机文件或保存历史。

汇总图为静态 PNG：GIF / 动态 WebP 取首帧；视频记住最后预览位置；音频显示类型图标和文件名。顶部标题与副标题用于页面显示，汇总图左上角仍由「方案备注」控制。

当前示例仅用于演示媒体读取与选择，不代表最终客户素材。