你如何处理/操纵分割图像

时间:2011-03-15 08:09:15

标签: html image user-interface split

我们要求显示短/大尺寸图像。 (例如,我可以将总线的前部,总线的后部和总线的中间部分作为单独的图像)。

为了证明上述情况,我可以试试

front,middle,middle,back (to construct shorter image)
front,middle,middle,middle,middle,back (to construct bigger image)

是否有任何网站允许您下载此类图像(即它们已经拆分)或者从已经可用的图像中实现此目的的更简单方法。

3 个答案:

答案 0 :(得分:7)

您可以使用ImageMagick。查看following example

在您的情况下,如果您想仅水平分割图像(让我们假设)200px切片:

convert -crop 200 +repage verybig.jpg slice%02d.jpg

答案 1 :(得分:3)

您可以使用HTML / CSS对现有图像进行切片和切块,方法是将几个相邻元素设置为与背景相同的图像,然后操纵宽度和背景位置以获得所需效果。

以下是一个示例:http://jsfiddle.net/gjJcM/

您需要了解与您合作的图像内容,以实现这一目标 - 我需要更多背景来进一步思考。

HTH

答案 2 :(得分:2)

切片和切块也可以使用Gimp完成。

查看Gimp的过滤器 - > Map-> Make-Seamless。它用于使瓷砖水平和垂直无缝连接。您可以通过在上方和下方添加额外的背景来使用它来制作水平可重复的图块,然后在使用之后裁剪掉多余的图块。

用于进行无缝连接的更复杂的工具是panotools

如果您将公交车中间的一半与后部和中间的一半包括在前面,那么最后将这些部件组合起来是最简单的。你不会得到没有中间的公共汽车,但从问题来看,这不是你需要的东西。