4Manuals

  • PDF Cloud HOME

如何根据浏览器的滚动位置逐步浏览GIF动画? Download

    反应:更改方向后触发重新渲染和offsetWidth的重新计算 如何在react图表上的datakey中操作DateTime 如何在nextjs中使用html2canvas 使用一些Typescript文件测试React应用 React-native动画时间序列及其百分比或替代 谁能帮助我通过wordpress登录和注册来创建React Native应用? 如何检查电子屏幕截图的允许状态(macOS catalina) 如何在reactjs中更新值 时间戳格式不支持将React`react-datepicker`作为默认值 我正在尝试将nextjs应用程序构建到静态html页面中,我有一些错误

我有一个要在要构建的React Web应用程序中使用的GIF。我希望能够根据站点的滚动位置逐步浏览动画。 即当我滚动浏览了页面的50%时,我希望gif在图像的50%位置显示它。 gif将在div中,位置:固定。因此,它将始终位于浏览器的顶部。

Web应用程序是React应用程序,因此,如果有可能存在实现此功能的React库,那就太好了。

谢谢!

1 个答案:

答案 0 :(得分:0)

似乎至少有一个现成的React实施来处理与GIF的交互/播放,可能会帮助您进行项目。

React Gif Player是一个React组件,可创建类似于Facebook实现的GIF播放器。它还带有pause函数(和一个示例),您可以使用该函数根据滚动位置以编程方式在相应点暂停GIF。

Gif Frames是用于提取GIF帧并将其保存到文件的纯JavaScript工具。您也许可以创建单个框架,并将框架与滚动的某些点相对应。

我不知道可以完全实现您期望的gif播放器,尽管其他人可能可以在这方面提供帮助。如果没有,您可能必须结合使用它们,或者自己做一个完整的实现。

希望这会有所帮助。



Similar searches
    WebApp中的Python脚本无法在Amazon Elastic Beanstalk上运行 如何使用快速验证器(v6)进行图像输入 MvvmCross 6.4.1 Mvx.IoCProvider.Resolve <IMvxAppStart>()失败,找不到构造函数 如何从Azure DevOps扩展中调用预发布的Rest Apis? 频道删除Discord.js时关闭管理员权限