- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
目前我正在使用这个命令:
montage IMG*.JPG -tile 3x1 -geometry 150x100+40+40 -background '#000000' triptych.jpg
问题(如所示)是我的图像之间的空间太大,这让我很伤心。
我正在寻找看起来更像这样的东西,边框一直都是一样的:
我查看了联机帮助页和几个在线指南,但我尝试的所有选项(-mode concatenate
,将几何形状更改为 +40+20
)都没有起到什么作用我想要。
如何使用 imagemagick 获得我想要的输出?
最佳答案
如果您只是制作三联画,您可能会更好地使用 convert +append
将图像排成一行,并使用分隔符。所以,如果你的图片是 1.png
、2.png
和 3.png
:
convert -background black \
1.png xc:black[10x] 2.png xc:black[10x] 3.png +append \
-bordercolor black -border 10 result.png
xc:black[10]
只是您可以明确设置宽度的两个垫片。然后使用 +append
将三个带间隔的图像设置在水平行中。最后,最后,我用 -border
为整个区域设置了边框。
或者,展示您如何完全控制所有方面:
convert -background black \
1.png xc:black[15x] 2.png xc:black[5x] 3.png +append \
-bordercolor black -border 40 result.png
正如韦恩在评论中所说,您也可以将所有图像调整为统一大小,而它们在 -append
之前仍然是分开的,因此您可以这样做以确保没有图像宽于 400 像素。
convert -background black \
1.png xc:black[10x] 2.png xc:black[10x] 3.png -resize 400x\> +append \
-bordercolor black -border 10 result.png
如果您想要更多控制,您可以像这样单独调整图像的大小:
convert -background black \
\( 1.png -resize WxH \) xc:black[10x] \
\( 2.png -resize AxB \) xc:black[10x] \
\( 3.png -resize MxN \) +append \
-bordercolor black -border 10 result.png
如果你想要一个垂直的三联画,使用 -append
代替 +append
并使用 xc:black[x10]
设置间隔高度> 而不是 xc:black[10x]
.
convert -background black \
1.png xc:black[x10] 2.png xc:black[x10] 3.png -append \
-bordercolor black -border 10 result.png
关键字:三联画、双联画、蒙太奇、摄影师、摄影、照片、间距、间隔、填充
关于imagemagick - 如何使用 imagemagick/montage 使图像等距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37250080/
我有一个标准的 CSS 菜单,用 UL 和 LI 标签制作。我需要它们水平地覆盖整个页面(不是我的真实情况,但我会以此来简化情况)。但是,这些元素是动态创建的,因此我无法对 LI 元素或边距进行任何硬
我很难描述我在寻找什么(在 Google 上搜索) 我有动态 Logo 内容,可以是 3 个 Logo ,也可以是 7 个。我的模板需要容纳所有这些,它们都需要以等间距显示在一行中。.. 例如,如果我
我以编程方式使用 SKTileMapNode。代码是 C# (Xamarin.iOS),但每个 Swift/ObjC 开发人员都应该可以阅读。 问题是等角投影中的图 block 排序似乎不正确,我不明
我需要内联 DIV 彼此之间的间距相等,另外还需要在行中的边框和第一个(或最后一个)DIV 之间。我使用在 Fluid width with equally spaced DIVs 上找到的解决方案.
我有一个流式布局页面,它设置了正文的最大宽度和最小宽度(分别为 1260 像素和 960 像素)。我有一个左侧边栏,它占据了屏幕左侧的 25%,内容占据了屏幕右侧的 75%。在内容中,我放置了两个带有
我正在为游戏制作等距 map ,我可以绘制它,但我不知道如何在没有 Threejs 或其他 3d 库的情况下实现某种 3d 碰撞检测。 有可能吗?也许将 block 变成对象可以有所帮助?我已经搜索过
我正在尝试创建一个标题,中间有一个 Logo ,两侧有两个按钮。我希望按钮和 Logo 在水平方向上均匀分布,然后在垂直空间的中心。下图是我目前所拥有的,粉红色只是为了让我可以看到标题在做什么。 这是
我有一个流体宽度的容器 DIV。 在这里面我有 4 个 DIV,都是 300px x 250px... 我想要将框 1 向左浮动,框 4 向右浮动,框 2
我有两个水平偏移的相机,并在针孔等效模型(失真系数k1, k2, k3, k4)下使用Kalibr获取了它们的校准参数(相机矩阵和失真系数,以及它们之间的转换)。 我想使用openCVs cv.fis
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它,visit the help center 。 已关
对于 iOS 图表库,有人知道如何使 y 轴值彼此等距吗?那么在下图中,“1”线会在图形的中间吗? 最佳答案 将 axisMinimum 设置为零将产生您想要的输出。 //chartView is t
我已经实现了一个基本的等距图 block 引擎,可以通过用鼠标拖动 map 来探索它。请看下面的 fiddle 并拖走: http://jsfiddle.net/kHydg/14/ 分解的代码是(Co
我有一个 1387 像素宽的联系栏 (.png) 和覆盖它的四个包含联系信息(电子邮件、twr、fb)的相同 div。它应该是这样的: 问题:无论窗口大小如何,我如何将联系人 div 平均间隔并将它们
我只需要在屏幕上绘制图 block 以提高性能。执行此操作的可行方法是什么? 我试过这个使我接近但最终遇到了一个我似乎无法解决的错误。 //world position to start drawin
我已经编写了 A* 搜索算法的实现。问题是我目前使用的启发式方法只能在正方形网格上准确工作。由于我的 map 是等轴测图,启发式方法没有考虑 map 的实际布局,因此也没有考虑单元格之间的距离。 更新
我正在使用 transform: rotateX(60deg) rotateY(0deg) rotateZ(-45deg); 使元素看起来像是处于等轴测视角。我想知道我如何才能恢复对某些 child
如何让 UIStackView 在 View 之间具有与填充和间隙相同的空间? 如何实现这种布局: 当这个不适合我时: 这也不是: 我只需要周围的 View 空间与 View 之间的空间相同。为什么这
我确实对等角 View 中的鼠标点击有疑问。简而言之,我有一张平面 map ,就像我说的,有一个等距 View 的相机。现在,当我单击窗口时,我想获取我在 map 上单击的位置的坐标。有什么帮助吗?
我有一个正在构建的 Isometric 引擎: http://jsfiddle.net/neuroflux/09h43kz7/1/ (方向键移动)。 我正在更新 Engine.player.x 和 E
我有一个占据整个屏幕的包装器,我想使另一个 div 在它内部居中,并且它的所有边都与包装器等距。 CSS: #wrapper { width:100%; height:100%;
我是一名优秀的程序员,十分优秀!