如何将多个动画 GIF 组合成一个 GIF 网格


How to combine multiple animated GIFs into one GIF grid

作为项目的一部分,我们需要以网格的形式以编程方式将多个动画 GIF 组合成一个主动画 GIF(一个 GIF 文件)。

我们不在乎它是在客户端(即带有ios/android的智能手机)还是在服务器端(即.php使用Imagemagick)完成的。无论哪种情况,我们都不希望单独的 gif 文件的网格视图。

对于如何实现这一目标,是否有任何解决方案或建议?

例:

假设我们有一个 4x4 网格(16 个单元格),每个单元格中显示不同的单个动画 GIF 图像;以这样一种方式,每个图像都自行制作动画。因此,创建一个包含 16 个不同视频/动画的 gif,所有这些视频/动画都在 16 个单独的单元格中同时播放。

根据您的评论,我相信您需要创建图像的 4 联表示。

  1. 创建一个画布(或类似 - 取决于实现语言)成为框架,
  2. 然后,必须将源的每个帧拼接(或绘制)成a)左上角,b)右上角,c)左下角,d)右下角,
  3. 将每一帧保存到新图像(分辨率为4倍,并按步骤(2)进行构图,
  4. 将步骤 (3) 中创建的帧合并到新图像中,就像任何动画格式一样。

或者使用 html 创建一个网页并呈现上述步骤 (2) 中的 4 张图像。