[发明专利]图片展示方法及系统

说明书

技术领域

本发明涉及互联网技术领域，特别涉及一种图片展示方法及系统。

背景技术

网络相册是网站为用户提供的个人相片展示、存放的平台。随着互联网技术的飞速发展，网络相册已经在网上随处可见，大家在浏览一个相册内容时，一个相册的图片可能很多，所以大家在纵观相册内容时，会看到图片的缩小图，整齐排列在你眼前，如同图片的目录一般。如图1所示，就是其中一种网络相册的缩略图排列展示方式，每个图片按直线的行和列整齐排列的展示在屏幕上。

传统相册图片的排列方式，大多是整齐平面的排列，很显然，传统排列方式太过单调，千篇一律，无层次感、立体感，观看效果不够，用户体验差。

发明内容

（一）要解决的技术问题

本发明要解决的技术问题是：如何实现一种具有层次感和立体感的图片展示方式，以提高用户体验。

（二）技术方案

为解决上述技术问题，本发明提供了一种图片展示方法，包括以下步骤：

S1：将N张图片分别绘制在一段圆弧上的N个点的位置；

S2：将每张图片分别旋转角度α_i，α_i为第i张图片所在点处的圆弧的切线与通过所述圆弧的两端点的直线所成的夹角。

其中，所述N个点将所述圆弧划分成N﹣1个长度相等的圆弧。

其中，所述图片的宽度小于所述圆弧上N个点中相邻两个点的距离。

其中，所述图片为缩略图。

其中，所述步骤S1之前还包括：计算所述圆弧上N个点的坐标的步骤。

其中，若展示多行或多列图片，则在图片的显示界面确定多条圆弧，每条圆弧展示一行或一列图片。

其中，若展示多行图片，以所述显示界面的水平中线为界，位于所述水平中线上方的圆弧的圆心在其对应圆弧的上方，位于所述水平中线下方的圆弧的圆心在其对应圆弧的下方；若展示多列图片，以所述显示界面的竖直中线为界，位于所述竖直中线左方的圆弧的圆心在其对应圆弧的左方，位于所述竖直中线右方的圆弧的圆心在其对应圆弧的右方。

其中，若展示多行图片，所述多条圆弧以所述水平中线对称；若展示多列图片，所述多条圆弧以所述竖直中线对称。

本发明还提供了一种图片展示系统，包括：

图片绘制模块，用于将N张图片分别绘制在一段圆弧上的N个点的位置；

图片变形模块，用于将每张图片分别旋转角度α_i，α_i为第i张图片所在点处的圆弧的切线与通过所述圆弧的两端点的直线所成的夹角。

其中，所述系统还包括：

坐标计算模块，用于计算所述圆弧上N个点的坐标。

（三）有益效果

本发明的图片展示方法将图片的展示位置用圆弧上的坐标来确定，并将图片相应的旋转，使图片呈沿圆弧的一行或一列展示，尤其是在展示多行或多列图片时，使得图片呈拱形展示，且更具有层次感和立体感，提升了用户体验。

附图说明

图1是现有技术中的一种图片展示方法展示图片的示意图；

图2是本发明实施例的一种图片展示方法流程图；

图3是图2中步骤S201中划分圆弧，获取图片排列时的位置示意图；

图4是采用本发明的图片展示方法展示图片的示意图。

具体实施方式

下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。

如图2所示，本发明实施的图片展示方法包括：