html5网站怎么实现不一样大小的图片可以无缝隙拼接

那就是相当于瀑布流了，最好是分列，固定好每一列的列宽，然后图片分列排列，就能无缝拼起来。

也可以计算好大小位置（position:absolute固定死），可参看小乐图客的拼图功能。

首先我们准备好要拼合的图片。（这里我准备了5张照片，如下图）

这个五张照片是我站在一个点上每拍摄一张然后转过一定角度得到的。

2

打开panoramastudio

软件，运行界面如下：

我们选择“创建单行全景图”

选择“导入图像”

导入图像对话框中选择你要拼合的的全部照片。

倒入完毕后进行参数的设置，点击工具栏的参数按钮

d出参数设置对话框，这里可以设置焦距和拍摄照片工具的类型等。如果不是在手动状态，同一焦距拍摄的话，建议把焦距一项放置在“自动”上。

设置完毕后“确定”

点击工具栏“对齐”-------“排列（局部性）全景图”，开始自动拼合。

过程中可能会d出对话框，如下图，建议点击“是”

初步拼合完成。

上下边缘可能都是不平整的。

点击工具栏的“编辑”按键，我们可以对拼合的图片做相关调整。

然后点击工具栏的“着色”按键。

d出着色对话框，我们可以设置需要着色的区域大小和方式。

或者可以直接拖动上下的红色线框来改变着色区的大小

点击工具栏上的“调整大小”按键，在对话框中可以对图片的长宽进行调整。

点击工具栏的“优化”可以对拼合后的全景图像做调整。

例如，亮度/对比的调整的界面如下

最后，我面点击工具栏上的保存按钮，可以将全景图保存下来。

通常我们选择“保存图像为...”这个选项。

让我们看看全景图的效果如何~~~

因为经验的图片限制的比较小，所以只能看个大概，朋友们可以自己制作一个就知道出来的效果是比较震撼的。

备注：一些使用ps的朋友可以直接用ps菜单中的

文件-------自动------图片合并

的功能做全景图，效果也是很好的，而且处理图片，ps的功能是勿需质疑的。还有一些单反相机自带的图像处理软件里面就有制作全景图的功能，也是很不错的。

---