如何将多个图像合并为一个具有精确位置和大小的图像，以创建带有graphicsmagick的精灵表？

Question

我正在尝试使用graphicmagick（或imagesmagick）将多个图像组合成一个具有各种尺寸和大小的单个图像。理想情况下，它会是这样的图像：enter link description here

我一直在搜索论坛和谷歌几天来弄清楚如何完全实现这一点，但我对图像操作很陌生，现在我不知道如何在nodejs中实现这一点。

在附图中，我要说15个不同的图像需要合并为一个。

Answer 1

以下是使用ImageMagick和蒙太奇的3个示例。使用-geometry + X + Y设置间距，使用-tile XxY分别设置列数和行数。

输入图片：

montage shading.gif present.gif medical.gif balloon.gif -tile 4x1 -geometry +10+10 montage1.jpg

montage shading.gif present.gif medical.gif balloon.gif -tile 2x2 -geometry +10+10 montage2.jpg

montage shading.gif present.gif medical.gif -tile 2x2 -geometry +10+10 montage3.jpg

如果您需要更多信息，请与我们联系。

如果您将所有文件都放在一个目录中并按字母顺序排列，那么您希望它们根据您的-tile参数显示，那么您可以将目录更改为目录并执行

蒙太奇* -geometry + 10 + 10 -tile XxY结果

您还可以更改背景颜色，添加标签和/或框架。见http://www.imagemagick.org/Usage/montage/

你的ImageMagick版本是什么？如果IM 6，那么上面应该工作。 Windows用户可能需要使用path2 \ convert.exe，其中path2是imagemagick转换的路径（而不是Windows转换）;或重命名ImageMagick转换。如果是ImageMagick 7，那么使用＆＃34; magick montage＆＃34;而不是＆＃34;蒙太奇＆＃34;。