【问题标题】:How to get GIFs "out of sync"如何让 GIF 不同步
【发布时间】:2018-08-01 10:31:09
【问题描述】:

我正在尝试可靠地加载相同的 GIF,但让它在不同的时间播放。

总体而言,我希望找到一个规范来告诉我渲染的规则是什么(即什么是同步的什么是不同步的),但我还没有找到任何这样的标准。是否有关于 GIF 如何根据时间呈现的规范?

考虑以下示例:

Safari,无论 URL 是什么,似乎都能保持一切同步。初始加载时的 Chrome 的时间由 URL 分开,但最终它们是同步的。 Firefox 似乎完全依赖 URL,没有任何参数来确定同步。

任何见解将不胜感激。

【问题讨论】:

  • 这里有编程问题还是只是好奇?
  • 我认为如果您在任何浏览器中使用开发人员工具并在其中任何一个 URL 的末尾添加一个查询字符串,那么您更改的 URL 将与其他 URL 分开移动。

标签: html google-chrome internet-explorer firefox animated-gif


【解决方案1】:

在 Chrome 上测试,abney317 的答案对我有用。我可以通过在 URL 的末尾添加一个查询字符串来获得交错的开始时间。

const image = document.querySelector('img');
img.src = imgUrl + '?id=' + Math.floor(Math.random() * 100);

【讨论】:

    猜你喜欢
    • 2012-09-12
    • 2021-10-17
    • 2021-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-13
    相关资源
    最近更新 更多