分析 webpack 打包文件
核心库文件是 Lottie Player,实现方式是监听页面 scroll 并通过 setSeeker 方法实现逐帧控制。setSeeker 方法,是基于 Lottie Web 的 goToAndStop 方法。改用 Lottie Web v5.12.2。
提取代码
提取 welcome 动画数据,主要通过 json 测试数据 + 渲染后 svg 一些特征定位。保留部分 scroll 交互代码并改写。
文章参考
核心库文件是 Lottie Player,实现方式是监听页面 scroll 并通过 setSeeker 方法实现逐帧控制。setSeeker 方法,是基于 Lottie Web 的 goToAndStop 方法。改用 Lottie Web v5.12.2。
提取 welcome 动画数据,主要通过 json 测试数据 + 渲染后 svg 一些特征定位。保留部分 scroll 交互代码并改写。
文章参考