问题标签 [animated-gif]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
469 浏览

.net - 在 dotnet 中保存和调整 GIF 的大小 - 如何保存动画?

我已经在我当前的应用程序中编写了数百行图像管理代码,所有这些代码似乎都运行良好......除了上传的 GIF 的动画在某处松散。我已经将问题追溯到将图像保存到磁盘(以便缓存它们)的位置,因为它们直接从数据库(它们存储为 blob)显示它们看起来很好。

这是代码——我没有列出一堆对自定义对象和函数的调用,但我认为它们与问题无关——我认为它在这两个关键函数中的某个地方:

任何建议都非常感激。

编辑:将 img.Save(ImageCachePath, GetFormat(MimeType)) 替换为对 .Save 的三参数调用仍然会产生静态 gif。

编辑 2:实际上对 GIF 几乎做任何事情似乎都会阻止它的动画!尝试使用 Canvas 调整它的大小,并尝试使用 Quantizing 来保持质量似乎都搞砸了动画。

干杯,马特

0 投票
2 回答
1214 浏览

jquery - 使用 jQuery 加载动画图像以从动画的开头开始

这是这篇文章的后续内容,除了出现问题外,它完全符合我的需要。

我正在使用 div 旋转图像,它使用 setInterval 每 5 秒显示和隐藏一个 div。

这种方法的问题是我正在加载动画 gif 文件,所以即使当下一个图像切换时,它也会变得混乱,因为图像一直在那里并且一直在动画。

因此,发生的情况是 image1(div1) 将以其动画重新开始,它将淡出并且 image2(div2) 将显示,但动画在它不可见时已经开始。

我需要的是一种重新加载这些图像的方法,以便在下一个 div 淡入时动画再次从头开始。使用 Gifs 执行此操作的唯一方法是从缓存中实际加载它们,这就是我需要的解决方案使用 jQuery。

这是我所拥有的:

在我的html中:

现在我需要的是能够让它“看起来”好像每次都加载图像一样,以便当 div 淡入时,动画从头开始。

有谁知道我怎么能破解这个?

谢谢!

0 投票
1 回答
1232 浏览

flash - 类似 Windows 7 的加载动画

我想在加载 html 网页时显示一个简单的加载栏。我想要类似于在窗口准备复制文件时显示的动画的外观和感觉(在它启动百分比加载器之前)。

Windows 7 加载程序

无法使用动画 gif,导致浏览器过载时 gif 冻结。但是,如果有人知道类似于上面加载程序的 gif,我会愿意看一下。我已经制作了一个javascript加载动画,但是当其他大型脚本运行时,动画会冻结。

这就是为什么我想在闪存中找到一个。我不是闪存程序员,我编写 javascript 代码。我只需要一个与所示类似的简单重复 Flash 加载动画。我不想显示百分比。我已经用谷歌搜索了很长一段时间,但没有运气。

具有最佳 Flash 加载动画的答案将是解决方案。谢谢你的帮助。我还在谷歌搜索...

0 投票
2 回答
1123 浏览

image-processing - 从 jpg 到动画 gif

我很绝望,我需要将一些 jpg 图像转换为动画 gif。

我试过ffmpeg,但结果质量很差。

还尝试了 imagemagick,结果看起来很棒,但它的重量为 511 KB!

任何人都可以告诉我使用什么或如何使用之前的应用程序来获得具有正常质量和正常重量的 gif 的最终动画 gif?

正如我所说的我很绝望,我需要尽快完成这个:(

非常感谢

0 投票
2 回答
3182 浏览

javascript - 在长时间的 Javascript 方法调用期间动画图像不移动

在一个运行 10 秒的方法向 html 添加一些元素的过程中,动画 gif 根本不动,给人一种网页卡住的感觉。任何方式解决这个问题。

示例代码:

解决此问题的一种方法是将长时间运行的方法分解为多个步骤并以这种方式进行动画处理,但是您必须为每个长时间运行的方法以这种方式编写代码。

想知道是否有其他方法可以做到这一点?

0 投票
2 回答
4012 浏览

android - 如何在 Android 手机上正确显示加载图像

我一直在尝试使用我的资源中的 .gif 文件,但加载时我没有任何动作。我在执行异步任务时将其用作加载图像。我以前使用进度对话框,但现在我想自己显示图像而不使用对话框。我怎样才能让这个图像正确显示?

0 投票
3 回答
20817 浏览

css - 动画加载 gif 图像作为重复背景

我想找到这样的东西:


(来源:opengraphicdesign.com

但它可以是 html 元素上的重复背景,看起来像一个完整的块。

例如,将 80x80 gif 作为 400x400 DIV 中的重复背景,会产生 400x400 大动画图像的错觉。

在哪里可以找到这样的 GIF

0 投票
2 回答
7797 浏览

c# - 如何在 DataGridView 中包含动画 gif?

我在 a 中包含了一个动画 gif DataGridView,但图像显示为静态的。可能吗?

0 投票
1 回答
1632 浏览

wpf - 读取 GifBitmapDecoder 的元数据属性...为什么它为空?

如何读取 gif 每一帧的延迟、左偏移和上偏移数据?我已经走到这一步了。

  1. 加载 Gif

    var myGif = new GifBitmapDecoder(uri, BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnLoad);

  2. 获取框架

    var frame = myGif.Frames[i];

  3. 来自MSDN:Native Image Format Metadata Queries read (ushort)Metadata.GetQuery("/grctlext/Delay"), (ushort)Metadata.GetQuery("/imgdesc/Left"),(ushort)Metadata.GetQuery("/imgdesc/Top")

但是有两件事不起作用。首先,即使我尝试不同的动画 gif 文件,gif 和帧的元数据属性始终为空。其次,框架的 Metadata 属性似乎没有 GetQuery 方法。

我如何运行这些查询,我错过了什么?

编辑:

这是给我空元数据的示例代码。在全新的 WPF 应用程序上使用全新安装的 VS2010 Premium。图像文件是评论中的文件。

0 投票
3 回答
1309 浏览

php - 使用动态图像检测电子邮件客户端

我想知道是否可以为不支持动画 gif 的特定电子邮件客户端提供不同的图像。我知道可以使用 PHP 动态生成图像。

因此,如果在电子邮件客户端发送下载动态图像的请求时可以读取用户代理字符串之类的内容,即<img src="http://myserver.com/someimage.php" />php 可以向不支持动画 gif 的电子邮件客户端发送不同的图像。

这是否可能,或者是否有类似的工作来嗅探动画 gif 支持并提供替代图像?