问题标签 [apng]

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 投票
0 回答
268 浏览

swift - Swift:如何为 iMessage 扩展压缩 apng?

好吧,我最近刚刚了解了 png 和 apng 之间的区别,但我有一个自定义贴纸消息扩展,使用此框架项目中的类动画贴纸:https ://github.com/radif/MSSticker-Images

Apple 对动画贴纸的大小限制是 500 kb,但我从其他论坛了解到的是,即使当 Xcode 将您的 png 转换为 apng 制作像这里这样的贴纸时,总 png 大小小于 500 kb(我的是),还有额外的增加了尺寸。这导致我的项目崩溃:

我以编程方式从文件夹加载我的图像,而不是资产: 在此处输入图像描述 当我有超过 11 个 618x618 pngs 时,它开始崩溃,然后现在我能够使用更小的 300x300 图像获得更多图像,但我不想制作动画具有不确定的帧数限制。

除了减小尺寸以减小尺寸之外,还有其他方法吗?我发现了这个https://github.com/onevcat/APNGKit如果我使用它手动将我的 png 转换为 apng,它会停止添加额外的大小吗?

0 投票
1 回答
12188 浏览

ffmpeg - 使用 ffmpeg 创建循环 apng

我正在尝试从 mkvs 创建循环 apng 文件。我的问题是它们不循环。文件播放一次,但停止。

这就是我正在做的事情:

我试过 -loop -1 -loop 10 -loop 1 但没有完成循环。我的版本是

ffmpeg-3.3.el_capitan.bottle.tar.gz

0 投票
0 回答
563 浏览

android - 在移动应用程序中使用动画 PNGS

我正在使用 html、css 和 jquery 创建一个移动应用程序,并通过 phonegap 进行打包。应用程序的某些部分需要动画,我决定通过 gif 来实现,因为我想要的东西很难通过 css 来制作动画。然而,具有透明度的 gif 的质量很糟糕,(看起来像这个http://imgur.com/a/XvdWf)所以我尝试使用 aPNGS,但是当我在手机上尝试 APK 文件时它们不起作用(仍然没有支持?)有没有办法让 aPNGS 在应用程序上工作?或另一种选择?我尝试过 gif、sprite sheet、webp 和 webm,但没有什么能比得上 png 的质量。

0 投票
1 回答
561 浏览

objective-c - 下载 APNG 文件

我遇到了一些与 APNG 文件相关的问题,如果我将 APNG 文件放在资源包中,APNG 文件动画效果很好,但是当我从资产服务器下载相同的 APNG 文件并将 APNG 文件保存到资源目录中,然后像这样使用 MSSticker 加载时. 加载后仅显示第一帧。如果有人想尝试检查 APNG 文件,请查看此文件。

在此处输入图像描述

在这里,我正在保存图像并从资源目录中获取保存的图像 url:

我已经在自定义MSSticker类中编写了扩展

0 投票
1 回答
456 浏览

javascript - APNG num_plays 在 Firefox 中有效,但在 Chrome 中无效

供参考的 APNG 文件规范:https ://wiki.mozilla.org/APNG_Specification

num_plays 定义动画 PNG 应该循环的次数。0 是一个特殊值,表示动画将无限循环。

我在网上找到了一些想要在网页上显示的 APNG。它们都将 num_plays 设置为 0。(在此特定示例中,来自 Pokémon 游戏的 Ivysaur 动画图像:https ://cdn.bulbagarden.net/upload/c/c8/Spr_3e_002.png )

我在 Chrome 中显示这个原始 APNG 没有问题,动画在其中无限循环。

但对我来说重要的是动画只播放一次,然后显示最后一帧。我为此尝试了一些基于 HTML 和 JS 的解决方案,例如等待几秒钟,然后将 APNG img 元素替换为我绘制的画布,但我无法获得我想要的结果。图像会在动画结束时重置为第一帧而不是最后一帧,或者有时图像内容的像素偏移量莫名其妙地不同。

就在那时我发现我可以更改 APNG 的 acTL 部分中的 num_plays 值以将其循环次数更改为 1 - 所以我做到了。

它在 Firefox 中完美运行!这是一个示例,它准确显示了我想要的行为:

APNG 动画在 Firefox 中播放一次,然后显示最后一帧

但在 Chrome 中,APNG 在更改 num_plays 后根本不再动画。

更改 num_plays 后,APNG 动画不再在 Chrome 中播放

什么可能导致它在 Chrome 中没有动画?不支持非零 num_plays 吗?我必须有哪些替代方法才能获得与 Firefox 中相同的行为?

0 投票
1 回答
644 浏览

python - 使用 Python 将动画 PNG (APNG) 转为 GIF

有谁知道怎么做?我尝试使用 PIL、apng 和 imageio,但没有成功。

0 投票
0 回答
135 浏览

css - 如何将关键帧动画保存为 APNG 或 GIF?

我想将带有关键帧动画的透明 SVG 转换为 APNG 或透明 GIF。我该怎么做呢?

0 投票
1 回答
427 浏览

imagemagick - 如何以编程方式创建 APNG 文件?

通常我使用 PHP 和 ImageMagick,但据我所知,ImageMagick 小组似乎拒绝实现创建/理解动画 PNG 文件的能力?

我可以使用哪些工具来获取十几个 JPEG 文件并从中创建动画 PNG?我更喜欢 PHP api,但如果需要,我可以扩展到另一种语言!

谢谢

0 投票
0 回答
574 浏览

google-chrome - 相同的PNG导致两个不同的图像

我找到了一张图片(png),它能够“戏剧性地”改变它的内容,我想知道它是如何工作的:

这是图像在 Windows 中的样子:

它在 Windows 中的显示方式

这是图像在 Chrome 中的样子:

[它在 Chrome 中的显示方式[2]

原图:

原始图像(可能看起来很奇怪)

关于图片来源:我在《星际争霸2 AI》的Discord Server中找到了这张图片。发帖人自称不是主人,也不认识主人。

0 投票
0 回答
258 浏览

javascript - 如何将动画 PNG 转换为 GIF 以保持动画?

我如何将动画 apng 转换为 gif 通过 php 保持动画?

我看到了 PHP: imagegif - Manual 这样但输出 gif 没有动画

希望它可以保持动画