animate输出canvas卡顿怎么办

1. 先确认卡顿出现在哪个环节
   把输出后的 canvas 页面单独在浏览器里打开，观察是加载阶段就卡，还是画面播到某一段才卡。如果加载阶段就卡，问题多出在资源体积；如果播放到中间才卡，一般是脚本每帧都在创建对象、改样式或重绘。分清这两类再去改，能省掉大半无用排查。
2. 检查资源体积与位图尺寸
   在 Animate 的库面板里逐个看位图属性，确认有没有把远超实际显示尺寸的大图直接放进 canvas 项目。导出前把位图缩到画面实际需要的像素大小，音频也换成适合网页的压缩格式。资源体积降下来之后，再重新发布测试一次。
3. 排查脚本里的高频重绘
   在动作面板里检查有没有放在帧循环或事件监听中每帧执行的重绘、滤镜、遮罩或大量动态文本。这类写法在时间轴预览时看不出问题，输出到 canvas 后由浏览器逐帧执行就会明显掉帧。把不随时间变化的内容画到缓存位图或矢量图层，只让真正会动的部分重绘。
4. 调整发布设置里的分辨率与帧率
   在发布设置里核对输出的画布尺寸和帧率，不要沿用为高分辨率屏幕准备的大尺寸。如果目标设备性能一般，先把帧率降到能接受的下限，再逐步加回。发布设置的具体项名以你当前 Animate 版本里看到的为准，改完每次只动一项，方便对比结果。
5. 用浏览器开发者工具定位
   在浏览器里打开输出页面，用开发者工具的性能面板录一段卡顿发生时的操作，看是脚本执行时间长还是渲染时间长。脚本时间长就回去精简帧上的代码，渲染时间长就减少同一时间显示的对象数量。定位到具体环节后再改，比反复调参数有效。

软件页面：Animate。