相关疑难解决方法(0)

如何使用javascript显示PNG图像的动画图像?[比如gmail]

首先,看看这个图像
眨眼
Gmail使用此图片显示动画表情符号.
我们如何使用png图像显示这样的动画?

javascript animation png image

26
推荐指数
1
解决办法
4万
查看次数

在HTML中禁用GIF动画

有没有办法,在HTML中,在<img>标签中包含动画GIF,但是自动告诉GIF不动画?我意识到用户可以通过按ESC或单击停止来停止动画,但我希望GIF根本不动画.

我只想在一个特定页面上执行此操作,并且制作(1500+)GIF的单独非动画版本是不可行的.我只是希望GIF没有动画.

html animation gif animated-gif

17
推荐指数
1
解决办法
5697
查看次数

使用CSS隐藏动画GIF是否可以保存浏览器资源?

我有一个GIF图像.它仅在非常具体的事件中显示,而不是经常显示.默认情况下,<img>使用隐藏gif的html 标记display: none.

现在,我们都知道Gif在计算机的CPU上非常强硬.我不知道如何基准测试或检查隐藏的gif是否仍然使用CPU带宽.

我用开发工具检查了gif的重新绘制 - 它没有像预期的那样发生.非常好.FPS仪表也没有上升,内存使用也没有.但我有一个强大的CPU和计算机; 当gif出现时,这些都不会上升.

有没有人有关于如何对此进行基准测试的想法,或者对浏览器更了解?我不希望这个gif成为那些从未见过它的人的资源.而且我也不想将它从DOM中删除.

html css performance gif animated-gif

10
推荐指数
1
解决办法
2672
查看次数

JavaScript控制图像动画?

我想在页面上有一个动画角色,为不同的行为设置不同的动画.我目前有两个关于它如何工作的想法:

IDEA 1:将每个行为都设置为动画GIF,并在切换行为时使用JavaScript切换GIF文件.好处:动画在图像本身,为JS留下较少的工作.缺点:我不知道(我知道)JavaScript可以告诉GIF在什么帧,动画结束/循环等等.

IDEA 2:将每个动画的每个帧都作为PNG图像并使用JS在帧之间切换,使用一些预加载器确保在动画开始之前所有图像都准备就绪.上升:对动画序列的更多控制.缺点:很多帧...

这两个想法中的哪一个会更好?(我想避免使用Flash,顺便说一句)
我自己倾向于想法2,因为它提供了更好的控制.由于该站点已经有一个每50ms运行一次的计时器,因此将该动画添加到该计时器系统并不会太多.

javascript animation image gif

8
推荐指数
1
解决办法
1万
查看次数

标签 统计

animation ×3

gif ×3

animated-gif ×2

html ×2

image ×2

javascript ×2

css ×1

performance ×1

png ×1