SVG 在浏览器里能点开商品功能，导入 Lottie Creator 后为什么图形还在、点击却失效？

先说明原来的点击究竟负责什么

官方导入说明支持 SMIL 的定时、变换与运动路径等动画转为 Lottie 关键帧，同时排除点击一类事件触发和 set 元素。因此，不能把这项限制概括成所有 SVG 动画都不支持，也不能因浏览器中能用，就认定 Creator 会保留相同控制方式。

商家的实际问题应写成一条动作关系：用户点哪里，出现什么商品信息，是否还能返回原状态。例如点击杯盖标记后显示拆洗提示，和装饰光点到时间就闪动，是不同任务。两者可能使用同样的图形，却不能只用“动画正常”作共同通过条件。

把原文件和一份行为说明交给制作人员，指出哪些信息必须由用户主动请求，哪些只是视觉节奏。若原功能还会打开链接或切换说明面板，也要单独记录，不把所有后续行为都默认为 SVG 图形本身承担。

画面保留后，还要查看哪些表现被改变

Creator 的 SVG 导入不保留模糊、阴影、发光等滤镜，复杂缓动也可能近似处理。应把外观与触发分别核对：光晕消失、运动节奏不同，与点击不再打开内容，可能需要不同修正，不能一次修改后就合并写成全部恢复。

如果光晕原本用于提示按钮可操作，少了它可能让顾客找不到入口。此时应先决定怎样清楚标识操作对象，而不是只追求静态截图颜色接近。若光晕只是装饰，可由设计人员另行处理表现，但仍应确认商品主体和必要文字没有被掩盖。

对于定时展示的卖点，记录出现顺序、停留关系及需要看清的内容；对于点击展示的卖点，记录操作前后各自的信息。这样即使两者最后都使用关键帧制作，审核仍有明确目的，不把可播放当成所有功能已迁移。

虚构练习：装饰循环与商品功能按钮

以下是虚构练习，未实际导入 Creator、转换 SVG 或测试播放器。例 A 是商品页边缘按时间循环的装饰线条，没有依赖点击的重要信息。可评估导入其支持的时间动画，再比较节奏与外观；若缺少的表现影响商品识别，应说明调整范围。

例 B 是点击咖啡机按钮后展开清洁步骤。把它改成自动播出一遍，会改变顾客主动查阅的方式，不能视作同等功能。应由页面负责人决定在目标运行时另建交互，或保留确实支持原 SVG 行为的交付路线，再检查操作与解释是否对应。

如果顾客需要随时返回清洁步骤，就把再次打开和退出的预期写进简报。仅在入场时闪过一段提示，不足以满足这个要求。没有确认目标环境支持哪种操作前，先保持方案待实现，不把导入文件交成已经能点的功能。

按目标页面的实际行为完成交接

交接应包含原始行为说明、导入后可保留的动画、需要重建的触发与目标运行环境。请实现者明确由谁接收点击、怎样显示正确商品说明，以及换变体后是否还适用；这些要求应落实到实际页面，而不是动画文件名。

审核时把可见内容和操作结果分别记录。时间驱动装饰按完整播放观察；功能按钮则从顾客入口操作，检查说明能否获得、是否指向正确部件，并提供必要信息的可达路径。来源只支持导入边界，不能替实际交互验收。

本文未执行 AE、Creator、转换、播放器或上传测试，也不表示 Itemlume 已接通 Lottie 交互。图形素材、动画迁移和页面功能应分别说明实际完成到哪一步。

虚构练习：时间装饰与点击商品说明

以下示例为虚构练习。另存核对表后填写自己的真实观察；不能将示例当作已完成的验收。

下载核对表（CSV）