javascript - 大图像精灵无法在 Chrome 上正确加载
问题描述
我正在尝试实现此动画，但由于某种原因，使用的精灵无法正确加载，导致动画抖动，尤其是在较小的窗口尺寸上。如果动画放慢速度并使其成为线性而不是步进，则此效果会更加明显。有些帧在几帧后无法加载、被裁剪或完全停止加载。如果我在框架开始消失/被裁剪时调整 chrome 窗口的大小，问题就解决了。我在firefox上试过同样的动画，没有问题。
这是他们项目的github。
解决方案
推荐阅读
- c++ - 函数可以是 const 也可以不是，取决于参数
- java - 由于内存不足而关闭后如何自动重启我的 Spring Boot JAR 应用程序
- docker - docker-compose 重建一项服务的映像并使用它
- c - 为什么 clang 6.0 编译器通过从 -N 开始索引并计数到零进行优化，但 clang 11.0 从 0 开始并计数到 N？
- python - 高阶函数和类有什么区别？
- javascript - 拆分单个 JS 文件后的函数导入不再了解它们作为参数的对象
- python - 有没有办法在 Python 中解码字符串对象中的字节？
- firebase - 使用来自 GithubAuthProvider 的访问令牌时，GitHub GraphQL API 返回被禁止
- r - 如何在同一列中按附加条件进行子集化
- python - python保存使用try创建的计算值，除了在函数中列出