专利名称：图片展示方法及系统的制作方法
技术领域：
本发明涉及互联网技术领域，特别涉及一种图片展示方法及系统。
背景技术：
网络相册是网站为用户提供的个人相片展示、存放的平台。随着互联网技术的飞速发展，网络相册已经在网上随处可见，大家在浏览一个相册内容时，一个相册的图片可能很多，所以大家在纵观相册内容时，会看到图片的缩小图，整齐排列在你眼前，如同图片的目录一般。如图I所示，就是其中一种网络相册的缩略图排列展示方式，每个图片按直线的、行和列整齐排列的展示在屏幕上。传统相册图片的排列方式，大多是整齐平面的排列，很显然，传统排列方式太过单调，千篇一律，无层次感、立体感，观看效果不够，用户体验差。
发明内容
(一)要解决的技术问题
本发明要解决的技术问题是如何实现一种具有层次感和立体感的图片展示方式，以提闻用户体验。(二)技术方案
为解决上述技术问题，本发明提供了一种图片展示方法，包括以下步骤
51:将N张图片分别绘制在一段圆弧上的N个点的位置；
52:将每张图片分别旋转角度a ” 为第i张图片所在点处的圆弧的切线与通过所述圆弧的两端点的直线所成的夹角。其中，所述N个点将所述圆弧划分成N - I个长度相等的圆弧。其中，所述图片的宽度小于所述圆弧上N个点中相邻两个点的距离。其中，所述图片为缩略图。其中，所述步骤SI之前还包括计算所述圆弧上N个点的坐标的步骤。其中，若展示多行或多列图片，则在图片的显示界面确定多条圆弧，每条圆弧展示一行或一列图片。其中，若展示多行图片，以所述显示界面的水平中线为界，位于所述水平中线上方的圆弧的圆心在其对应圆弧的上方，位于所述水平中线下方的圆弧的圆心在其对应圆弧的下方；若展示多列图片，以所述显示界面的竖直中线为界，位于所述竖直中线左方的圆弧的圆心在其对应圆弧的左方，位于所述竖直中线右方的圆弧的圆心在其对应圆弧的右方。其中，若展示多行图片，所述多条圆弧以所述水平中线对称；若展示多列图片，所述多条圆弧以所述竖直中线对称。本发明还提供了一种图片展示系统，包括
图片绘制模块，用于将N张图片分别绘制在一段圆弧上的N个点的位置；
图片变形模块，用于将每张图片分别旋转角度a ” 为第i张图片所在点处的圆弧的切线与通过所述圆弧的两端点的直线所成的夹角。其中，所述系统还包括
坐标计算模块，用于计算所述圆弧上N个点的坐标。(三)有益效果
本发明的图片展示方法将图片的展示位置用圆弧上的坐标来确定，并将图片相应的旋转，使图片呈沿圆弧的一行或一列展示，尤其是在展示多行或多列图片时，使得图片呈拱形展示，且更具有层次感和立体感，提升了用户体验。
图I是现有技术中的一种图片展示方法展示图片的示意图；
图2是本发明实施例的一种图片展示方法流程 图3是图2中步骤S201中划分圆弧，获取图片排列时的位置示意 图4是采用本发明的图片展示方法展示图片的示意图。
具体实施例方式下面结合附图和实施例，对本发明的具体实施方式
作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。如图2所示，本发明实施的图片展示方法包括
步骤S201，将N张图片分别绘制在一段圆弧上的N个点的位置。具体地，在图片的显示界面上确定一段圆弧，将圆弧分成N - I段，该N- I段圆弧确定出圆弧上的N个点(包括圆弧的起始点和终止点)。在图片的显示界面上确定该圆弧时已经获得了圆心坐标、半径、圆心角、起始点坐标(或终止点坐标)，将圆弧分段时能够获得每段对应的长度或是圆心角卢0=1,2,…，N - 1)，从而根据现有的几何运算可以计算得到第i (i=l，2，…，N)张图片所在第i点的坐标及该点处的圆弧的切线与通过该圆弧的两端点的直线所成的夹角将第i张图片绘制在第i点的位置，绘制时可以将图片上的任一点(如图片左上角的点或中心点)与第i点重合，。步骤S202，将每张图片分别旋转角度a ^以实现对该圆弧上的图片拱形展示。进一步地，为了使拱形展示图片更均匀，在步骤S201中将圆弧划分成长度相等的N - I段，即每段对应的圆心角/^都相等，这样根据圆心角及切线与通过该圆弧的两端点的直线所成的夹角的角度关系很容易计算出第i点处的圆弧的切线与通过该圆弧的两端点的直线所成的夹角，从而也简化了计算复杂度。下面以展示一行图片(5张图片)为例来说明。如图3所示，将圆弧分成相等的4段，该4段圆弧确定出圆弧上的5个点A、B、C、D和E (图为俯视图，纵轴为z轴，横轴为X轴)。每段弧对应的圆心角为O ，则可知点B切线和通过该圆弧的两端点的直线(即直线AE)所成的夹角为-〃，点A切线和直线AE所成的夹角为-2a，C点切线和直线AE所成的夹角是0，D点切线和直线AE所成的夹角是〃，E点切线和直线AE所成的夹角是2〃，如果为更多个点的情况，以此类推(数值上为3 I 4 a……)。本实施例中由于是在显示界面上水平展示一行图片，直线AE也是水平线。已知角度关系，只需要给出圆弧所对应的圆心角和圆的半径r，即可算出每个点的坐标。如起始点A的坐标为(0，0)，a的弧度形式为len。通过角度关系可以推导出其余四个点的坐标
B x=2 X sin(len / 2) X cos (I.5 X len) X r z=2 X sin(len / 2) X sin (I. 5 X len) X r;
C x=2 X sin (len) X cos (len) X r z=2 X sin (len) X sin (len) X r;
D x=2 X sin (len) X cos (len) X r + (2 X sin (len) X cos (len) X r - 2X sin (len / 2) X cos (I. 5 X len) X r)
z=2 X sin(len / 2) X sin (I. 5 X len) X r;
E x=4 X sin (len) X cos (len) X r;
Z=O0进一步地，为了避免图片之间相互重叠，图片的宽度小于等于圆弧上绘制图片的N个点中相邻两点间的距离。 若展示多行或多列图片，则在图片的显示界面确定多条圆弧，以每条圆弧上的绘制图片的点为基准按上述方法展示一行或一列图片。进一步地，为了使整个图片显示界面的图片呈拱形排列，以显示界面的水平中线为界，位于水平中线上方的圆弧的圆心在其对应圆弧的上方，位于水平中线下方的圆弧的圆心在其对应圆弧的下方。若展示多列图片，以显示界面的竖直中线为界，位于竖直中线左方的圆弧的圆心在其对应圆弧的左方，位于竖直中线右方的圆弧的圆心在其对应圆弧的右方。更进一步地，为了使图片展示更均匀，若展
多行图片，在确定多条圆弧时，多条圆弧以水平中线对称；若展不多列图片，在确定多条圆弧时，多条圆弧以竖直中线对称。最终展示效果如图4所示。本发明还提供了一种图片展示系统，包括图片绘制模块，用于将N张图片分别绘制在一段圆弧上的N个点的位置；图片变形模块，用于将每张图片分别旋转角度a ” Oi为第i张图片所在点处的圆弧的切线与通过所述圆弧的两端点的直线所成的夹角。该系统还包括标计算模块，用于计算所述圆弧上N个点的坐标。本发明的方法和系统可广泛用于计算机、移动终端等显示界面上的图片展示，尤其是对缩略图的展示。其展示效果具有层次感和立体感，提高了用户体验。以上实施方式仅用于说明本发明，而并非对本发明的限制，有关技术领域的普通技术人员，在不脱离本发明的精神和范围的情况下，还可以做出各种变化和变型，因此所有等同的技术方案也属于本发明的范畴，本发明的专利保护范围应由权利要求限定。
权利要求
1.一种图片展示方法，其特征在于，包括以下步骤 51:将N张图片分别绘制在一段圆弧上的N个点的位置； 52:将每张图片分别旋转角度a ” 为第i张图片所在点处的圆弧的切线与通过所述圆弧的两端点的直线所成的夹角。
2.如权利要求I所述的图片展示方法，其特 征在于，所述N个点将所述圆弧划分成N-I个长度相等的圆弧。
3.如权利要求I所述的图片展示方法，其特征在于，所述图片的宽度小于所述圆弧上N个点中相邻两个点的距离。
4.如权利要求I所述的图片展示方法，其特征在于，所述图片为缩略图。
5.如权利要求I所述的图片展示方法，其特征在于，所述步骤SI之前还包括获取所述圆弧上N个点的坐标的步骤。
6.如权利要求广5中任一项所述的图片展示方法，其特征在于，若展示多行或多列图片，则在图片的显示界面确定多条圆弧，每条圆弧展示一行或一列图片。
7.如权利要求6所述的图片展示方法，其特征在于，若展示多行图片，以所述显示界面的水平中线为界，位于所述水平中线上方的圆弧的圆心在其对应圆弧的上方，位于所述水平中线下方的圆弧的圆心在其对应圆弧的下方；若展示多列图片，以所述显示界面的竖直中线为界，位于所述竖直中线左方的圆弧的圆心在其对应圆弧的左方，位于所述竖直中线右方的圆弧的圆心在其对应圆弧的右方。
8.如权利要求7所述的图片展示方法，其特征在于，若展示多行图片，所述多条圆弧以所述水平中线对称；若展示多列图片，所述多条圆弧以所述竖直中线对称。
9.一种图片展示系统，其特征在于，包括 图片绘制模块，用于将N张图片分别绘制在一段圆弧上的N个点的位置； 图片变形模块，用于将每张图片分别旋转角度〃 ,.，为第i张图片所在点处的圆弧的切线与通过所述圆弧的两端点的直线所成的夹角。
10.如权利要求9所述的图片展示系统，其特征在于，所述系统还包括 坐标计算模块，用于计算所述圆弧上N个点的坐标。
全文摘要
本发明公开了一种图片展示方法，涉及互联网技术领域，包括以下步骤S1将N张图片分别绘制在一段圆弧上的N个点的位置；S2将每张图片分别旋转角度αi，αi为第i张图片所在点处的圆弧的切线与通过所述圆弧的两端点的直线所成的夹角。还公开了一种图片展示系统。本发明使得使得图片呈拱形展示，且更具有层次感和立体感，提升了用户体验。
文档编号G06F17/30GK102737117SQ201210171990
公开日2012年10月17日 申请日期2012年5月30日 优先权日2012年5月30日
发明者孙亮 申请人:北京神州泰岳软件股份有限公司