用途：gsap-canvas 是一套针对 GSAP 动画渲染到 HTML5 Canvas 的生产级实现配方。它属于 iotron/agent-skills，是官方 gsap-core（API 参考）与 gsap-timeline（时间线编排）技能的配套内容，覆盖 Canvas 渲染模式。流程为 gsap-setup → gsap-canvas → gsap-optimise → gsap-test，依赖 greensock/gsap-skills。
主要能力：核心模式是用普通 JS 对象保存 x、y、scale、rotation、alpha 等数值属性，由 GSAP 补间或时间线做插值，再通过 onUpdate 回调读取当前值，使用 Canvas 2D API 绘制；GSAP 负责缓动、交错、重复、往返与时间线编排，渲染管线由使用者掌控。文档提供粒子系统配方：构造粒子数组与图片精灵，用 timeline 的 fromTo、stagger（each: -0.05、repeat: -1）、seek(99) 让环形内聚动画处于中段，并在 draw 中按 scale 做 z 排序后重绘。还包含用 timeScale 平滑切换播放/暂停、用 resize 监听器配合 tl.invalidate() 重算基于函数的 from 值等控制方式。
性能要点：用 gsap.ticker.add(fn) 同步 GSAP 内部 rAF、减少状态变化并批量处理 translate/rotate、每帧排序代价为 O(n log n) 应尽量省略、为 canvas 加 will-change: transform、优先 ctx.resetTransform() 而非 save/restore、静态精灵预渲染到离屏画布。
限制：资料仅给出 Canvas 渲染配方与代码示例，未提供安装命令、收费或价格、具体平台兼容性、效果指标等信息，这些暂未提供。代码内容需保持原样使用。