CN107967716A - 一种基于立体图片的缩略图显示控制方法及系统 - Google Patents

Abstract

本发明公开了一种基于立体图片的缩略图显示控制方法，包括以下步骤：获取图片并判断所述图片是否为立体图片，若不是，则采用普通缩略图显示；若是，则压缩所述图片，并计算所述图片的纹理坐标；将所得纹理坐标映射至空间坐标；完成所述图片的缩略显示。一种基于立体图片的缩略图显示控制系统，包括：图片判断模块，缩略处理模块，缩略显示模块。本方案将立体图片的内容信息最大程度、最小干扰的显示出来，并保留立体图片特性。采用折纸形式区分2D、3D图片，显示效果简洁美观，有助于用户在大量2D、3D图片中快速定位立体图片。广泛应用于图像显示领域。

Description

一种基于立体图片的缩略图显示控制方法及系统

技术领域

本发明涉及图像显示领域，具体为基于立体图片的缩略图显示控制方法及系统。

背景技术

UV坐标：纹理坐标，其指所有的图象文件均为二维的平面；水平方向是U，垂直方向是V，通过该平面的、二维的UV坐标系，可以定位图象上的任意一个象素。

现有的立体图片缩略图展示方法包括：

1.平铺展示，不管图片的格式类别，或为左右或上下格式，其均将图片平铺压缩至缩略图大小后显示；

2.识别出图片系左右格式或上下格式后，截取图片的一半作为缩略图展示。

其中，第一种方法处理手段简单，效果不美观，且无法从缩略图上得知图片内容从而判断是否是用户所需图片；第二种方法可显示图片，但与2D图片混合排列时，无法得知图片是否为立体图片。

对于立体图片，通常由两张相似度极高的图片呈左右对称结构或上下对称结构构成，因此只需要查看“一半”图片即可得知图片内容。

基于上述分析，该技术有必要进行改进。

发明内容

为了解决上述技术问题，本发明的目的是提供一种基于立体图片的缩略图显示的控制方法及系统。

本发明所采用的技术方案是：

本发明提供一种基于立体图片的缩略图显示控制方法，包括以下步骤：

获取图片并判断所述图片是否为立体图片，

若不是，则采用普通缩略图显示；

若是，则压缩所述图片，并计算所述图片的纹理坐标；

将所得纹理坐标映射至空间坐标；

完成所述图片的缩略显示。

作为该技术方案的改进，所述方法还包括将所述立体图片与预设缩略图尺寸进行比较。

作为该技术方案的改进，所述缩略图包括主体部分和隐藏部分，所述立体图片的其中一半图显示至所述缩略图的主体部分，另一半图显示至所述缩略图的隐藏部分。

作为该技术方案的改进，所述方法还包括通过将立体图片的宽度、高度与预设缩略图尺寸比较后，进行相应区域的截取，并求得所述截取区域位于纹理坐标系中各顶点的对应坐标。

作为该技术方案的改进，对于左右对称的立体图，当所述立体图的长宽比大于预设缩略图长宽比的2倍时，则需要截取所述立体图片，且所述立体图任一半图被截取的宽度x占左半图原长度w’的比例f＝2x/w’。

进一步地，对于左右对称的立体图，当所述立体图的长宽比等于预设缩略图长宽比的2倍时，则所述立体图任一半图被截取的宽度x占左半图原长度w’的比例f＝1。

进一步地，对于左右对称的立体图，当所述立体图的长宽比小于预设缩略图长宽比的2倍时，则所述立体图任一半图被截取的高度q占所述立体图原高度h’的比例f＝q/h’。

进一步地，将所得纹理坐标对应映射至空间坐标，即得到所述立体图的缩略图。

另一方面，本发明还提供一种基于立体图片的缩略图显示控制系统，包括：

图片判断模块，用于执行步骤获取图片并判断所述图片是否为立体图片，若不是，则采用普通缩略图显示；

缩略处理模块，用于执行步骤若是，则压缩所述图片，并计算所述图片的纹理坐标；

缩略显示模块，用于执行步骤将所得纹理坐标映射至空间坐标；完成所述图片的缩略显示。

本发明的有益效果是：本发明提供的基于立体图片的缩略图显示控制方法及系统，以折叠的形式，将立体图片的一半完整显示，相似度高的另一半折叠后显示，以期最大化的呈现立体图片内容，将立体图片的内容信息最大程度、最小干扰的显示出来，并保留立体图片特性。采用折纸形式区分2D、3D图片，显示效果简洁美观，有助于用户在大量2D、3D图片中快速定位立体图片。

附图说明

下面结合附图对本发明的具体实施方式作进一步说明：

图1是本发明第一实施例的流程示意图；

图2是本发明一实施例的缩略图示意图；

图3是所述缩略图的另一示意图；

图4是本发明一实施例的左右对称图片示意图；

图5是本发明一实施例的上下对称图片的示意图；

图6是本发明第二实施例的截取区域示意图；

图7是本发明第二实施例的另一示意图；

图8是本发明第三实施例的示意图；

图9是本发明第四实施例的示意图；

图10是本发明第四实施例的另一示意图；

图11是本发明第五实施例的示意图；

图12是本发明第五实施例的另一示意图；

图13是本发明第六实施例的示意图；

图14是本发明第七实施例的示意图；

图15是本发明第七实施例的另一示意图；

图16是本发明一实施例的映射示意图；

图17是本发明另一实施例的预设缩略图；

图18是本发明第八实施例的系统示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

参照图1，本发明提供一种基于立体图片的缩略图显示控制方法，包括以下步骤：

获取图片并判断所述图片是否为立体图片，

若不是，则采用普通缩略图显示；

若是，则压缩所述图片，并计算所述图片的纹理坐标；

将所得纹理坐标映射至空间坐标；

完成所述图片的缩略显示。

作为该技术方案的改进，所述方法还包括将所述立体图片与预设缩略图尺寸进行比较。通过将立体图片与预设缩略图尺寸进行比较，进而确定所截取图片是否需要压缩或扩张或不作处理等，以便进行相应处理。

作为该技术方案的改进，所述缩略图包括主体部分和隐藏部分，所述立体图片的其中一半图显示至所述缩略图的主体部分，另一半图显示至所述缩略图的隐藏部分。其中主体部分进行最大程度的图片显示，使得用户在缩略图显示时可以直观、方便的观察到图片所呈现的信息。

作为该技术方案的改进，所述方法还包括通过将立体图片的宽度、高度与预设缩略图尺寸比较后，进行相应区域的截取，并求得所述截取区域位于纹理坐标系中各顶点的对应坐标；即将所截取图片呈现至纹理坐标系中。

作为该技术方案的改进，对于左右对称的立体图，当所述立体图的长宽比大于预设缩略图长宽比的2倍时，则需要截取所述立体图片，且所述立体图任一半图被截取的宽度x占左半图原长度w’的比例f＝2x/w’。当所述立体图的长宽比大于预设缩略图长宽比的2倍时，需要对所述立体图进行压缩缩小处理。

进一步地，对于左右对称的立体图，当所述立体图的长宽比等于预设缩略图长宽比的2倍时，则所述立体图任一半图被截取的宽度x占左半图原长度w’的比例f＝1。当所述立体图的长宽比等于预设缩略图长宽比的2倍时，则不需对立体图的半图进行处理。

进一步地，对于左右对称的立体图，当所述立体图的长宽比小于预设缩略图长宽比的2倍时，则所述立体图任一半图被截取的高度q占所述立体图原高度h’的比例f＝q/h’。当所述立体图的长宽比小于预设缩略图长宽比的2倍时，所需要拉伸扩大所述立体图半图的尺寸。

进一步地，将所得纹理坐标对应映射至空间坐标，即得到所述立体图的缩略图。

系统获得图片后，判断所得图片是否为立体图片。若否，则显示普通的缩略图，流程终止。若是，进入立体图片缩略图流程；

系统预设出立体图片的折叠形式缩略图，进而可得到缩略图的各视图，如包括正视图、侧视图及俯视图，并为缩略图标注宽高尺寸及折叠夹角。

参照图2，从上述三视图可看出，缩略图由左右两部分组成。而立体图片主要分为左右格式、上下格式，其中可设定将左右格式立体图片的左半图，显示在缩略图的主体部分，右半图显示在缩略图的隐藏部分；将上下格式立体图片的上半图，显示在缩略图的主体部分，下半图显示在缩略图的隐藏部分。

其中立体图片缩略图流程包括：

1.压缩、比较图片

立体图片主要有左右格式、上下格式，判定立体图片的格式后，将立体图片的左半部分或上半部分宽高比例与缩略图进行比较，进而计算纹理坐标。

为了方便计算，假设缩略图左半部分的宽为w、高为h，如图3所示。

左右格式的立体图片，设定完整图片的宽为w’、高为h’，如图4所示。

将立体图片左半图的宽高比与缩略图左半部分宽高比进行比较，得出以下结果：

1)w’/2h’>w/h

2)w’/2h’＝w/h

3)w’/2h’<w/h

对于上下格式的立体图片，假设完整图片的宽为w”、高为h”，如图5所示。

将立体图标上半图的宽高比与缩略图左半部分宽高比进行比较，得出以下结果：

1)2w’’/h’’<w/h

2)2w’’/h’’＝w/h

3)2w’’/h’’>w/h

2.计算纹理坐标

针对左右格式的立体图片：

1)当w’/2h’>w/h时；

立体图片压缩后截取区域如图6：

以立体图片左下角为原点，箭头方向为正方向，得到截取区域在纹理坐标系上的10个顶点，如下图7。

假设左半图被截取的区域宽度为x，那么因为x/h’＝w/h，所以x＝wh’/h。

假设左半图被截取的宽度占比为f，那么f＝2x/w’，所以得到以下纹理坐标：

A((1-f)/2,1)

B((1-f)/2,0)

C(0.5-(1-f)/2,0)

C’(0.5+(1-f)/2,0)

D(0.75,0)

E(1-(1-f)/4,0)

F(1-(1-f)/4,1)

G(0.75,1)

H’(0.5+(1-f)/2,1)

H(0.5-(1-f)/2,1)

2)当w’/2h’＝w/h时；

即立体图片左半图宽高比与缩略图左半图的宽高比相同，无需截取。以立体图片左下角为原点，箭头方向为正方向，得到截取区域在纹理坐标系上的10个顶点，如图8。

假设左半图被截取的区域宽度为x，那么因为x/h’＝w/h，所以x＝wh’/h。

假设左半图被截取的宽度占比为f，那么f＝1，所以得到以下纹理坐标：

A(0,1)

B(0,0)

C(0.5,0)

D(0.75,0)

E(1,0)

F(1,1)

G(0.75,1)

H(0.5,1)

3)当w’/2h’<w/h时；

立体图片压缩后截取区域如图9所示；

以立体图片左下角为原点，箭头方向为正方向，得到截取区域在纹理坐标系上的8个顶点，如图10。

假设左半图被截取的区域高度为x(q)，那么因为w’/2x＝w/h，所以x＝w’h/2w。

假设左半图被截取的高度占比为f，那么f＝x/h’＝q/h’，所以得到以下纹理坐标：

A(0,1-(1-f)/2)

B(0,(1-f)/2)

C(0.5,(1-f)/2)

D(0.75,(1-f)/2)

E(1,(1-f)/2)

F(1,1-(1-f)/2)

G(0.75,1-(1-f)/2)

H(0.5,1-(1-f)/2)

而针对上下格式的立体图片：

1)当2w”/h”<w/h时；

立体图片压缩后截取区域如图11：

以立体图片左下角为原点，箭头方向为正方向，得到截取区域在纹理坐标系上的10个顶点，如图12。

假设上半图被截取的区域高度为x(q)，那么因为w”/x＝w/h，所以x＝w”h/w。

假设上半图被截取的高度占比为f，那么f＝2x/h”＝2q/h”，所以得到以下纹理坐标：

A(0,1-(1-f)/4)

B(0,0.5+(1-f)/4)

C(1,0.5+(1-f)/4)

C’(0,(1-f)/4)

D(0.5,(1-f)/4)

E(1,(1-f)/4)

F(1,0.5-(1-f)/4)

G(0.5,0.5-(1-f)/4)

H(1,1-(1-f)/4)

H’(0,0.5-(1-f)/4)

2)当2w”/h”＝w/h时；

即立体图片上半图的宽高比与缩略图左半图的宽高比相同，无需截取。以立体图片左下角为原点，箭头方向为正方向，得到截取区域在纹理坐标系上的10个顶点，如图13。

假设上半图被截取的区域高度为x(q)，那么因为w”/x＝w/h，所以x＝w”h/w。

假设上半图被截取的高度占比为f，那么f＝x/h”＝q/h”＝1，所以得到以下纹理坐标：

A(0,1)

B(0,0.5)

C(0,0)

D(0.75,0)

E(1,0)

F(1,0.5)

G(0.5,0.5)

H(1,1)

3)当2w”/h”>w/h时；

立体图片压缩后截取区域如图14；

以立体图片左下角为原点，箭头方向为正方向，得到截取区域在纹理坐标系上的10个顶点，如图15。

假设上半图被截取的区域宽度为x，那么因为x/h”＝w/h，所以x＝wh”/h。

假设上半图被截取的高度占比为f，那么f＝x/w”，所以得到以下纹理坐标：

A((1-f)/2,1)

B((1-f)/2,0.5)

C((1-f)/2,0)

D(0.5,0)

E(1-(1-f)/2,0)

F(1-(1-f)/2,0.5)

G(0.5,0.5)

H(1-(1-f)/2,1)

3.映射纹理坐标至空间坐标点

为缩略图创建空间坐标点，如图16所示，将上一步骤得到的纹理坐标，一一对应映射到相应的空间坐标点，即完成贴图，得到折叠展示的立体图片缩略图。其中，调整折叠部分两点的距离，可控制折叠角的大小。

作为一实施例，参照图17，根据预设的标注尺寸，缩略图的左半部分宽为238px，高为198px，右半图折叠后两端距离为66px。

有一张左右格式的立体图片，宽为1920px，高为1080px。

根据如上叙述，缩略图的宽w＝238，高h＝198；立体图片的宽w’＝1920，高h’＝1080。

那么有w/h＝238/198＝1.2；w’/2h’＝1920/(2*1080)＝0.89。

根据二者所得值比较，可得w’/2h’<w/h，所以以立体图片左下角为原点，箭头方向为正方向，得到截取区域在纹理坐标系上的8个顶点。

假设左半图被截取的区域高度为x，那么因为w’/2x＝w/h，所以x＝w’h/2w＝1920*198/(2*238)＝798.65。

假设左半图被截取的高度占比为f，则f＝x/h’＝798.65/1080＝0.74，所以得到以下纹理坐标：

A(0,0.87)

B(0,0.13)

C(0.5,0.13)

D(0.75,0.13)

E(1,0.13)

F(1,0.0.87)

G(0.75,0.87)

H(0.5,0.87)

将纹理坐标映射至缩略图的空间坐标点，即可得到其缩略图。

参照图18，本发明还提供一种基于立体图片的缩略图显示控制系统，包括：

图片判断模块，用于执行步骤获取图片并判断所述图片是否为立体图片，若不是，则采用普通缩略图显示；

缩略处理模块，用于执行步骤若是，则压缩所述图片，并计算所述图片的纹理坐标；

缩略显示模块，用于执行步骤将所得纹理坐标映射至空间坐标；完成所述图片的缩略显示。

本发明提供的基于立体图片的缩略图显示控制方法及系统，以折叠的形式，将立体图片的一半完整显示，相似度高的另一半折叠后显示，以期最大化的呈现立体图片内容，将立体图片的内容信息最大程度、最小干扰的显示出来，并保留立体图片特性。采用折纸形式区分2D、3D图片，显示效果简洁美观，有助于用户在大量2D、3D图片中快速定位立体图片。

以上是对本发明的较佳实施进行了具体说明，但本发明创造并不限于所述实施例，熟悉本领域的技术人员在不违背本发明精神的前提下还可做出种种的等同变形或替换，这些等同的变形或替换均包含在本申请权利要求所限定的范围内。

Claims (9)

1.一种基于立体图片的缩略图显示控制方法，其特征在于，包括以下步骤：

获取图片并判断所述图片是否为立体图片，

若不是，则采用普通缩略图显示；

若是，则压缩所述图片，并计算所述图片的纹理坐标；

将所得纹理坐标映射至空间坐标；

完成所述图片的缩略显示。

2.根据权利要求1所述的基于立体图片的缩略图显示控制方法，

其特征在于：所述方法还包括将所述立体图片与预设缩略图尺寸进行比较。

3.根据权利要求2所述的基于立体图片的缩略图显示控制方法，

其特征在于：所述缩略图包括主体部分和隐藏部分，所述立体图片的其中一半图显示至所述缩略图的主体部分，另一半图显示至所述缩略图的隐藏部分。

4.根据权利要求3所述的基于立体图片的缩略图显示控制方法，

其特征在于，所述方法还包括通过将立体图片的宽度、高度与预设缩略图尺寸比较后，进行相应区域的截取，并求得所述截取区域位于纹理坐标系中各顶点的对应坐标。

5.根据权利要求4所述的基于立体图片的缩略图显示控制方法，

其特征在于，对于左右对称的立体图，当所述立体图的长宽比大于预设缩略图长宽比的2倍时，则需要截取所述立体图片，

且所述立体图任一半图被截取的宽度x占左半图原长度w’的比例f＝2x/w’。

6.根据权利要求4所述的基于立体图片的缩略图显示控制方法，

其特征在于，对于左右对称的立体图，当所述立体图的长宽比等于预设缩略图长宽比的2倍时，则所述立体图任一半图被截取的宽度x占左半图原长度w’的比例f＝1。

7.根据权利要求4所述的基于立体图片的缩略图显示控制方法，

其特征在于，对于左右对称的立体图，当所述立体图的长宽比小于预设缩略图长宽比的2倍时，则所述立体图任一半图被截取的高度q占所述立体图原高度h’的比例f＝q/h’。

8.根据权利要求1至7任一项所述的基于立体图片的缩略图显示控制方法，其特征在于，将所得纹理坐标对应映射至空间坐标，即得到所述立体图的缩略图。

9.一种基于立体图片的缩略图显示控制系统，其特征在于，包括：

图片判断模块，用于执行步骤获取图片并判断所述图片是否为立体图片，若不是，则采用普通缩略图显示；

缩略处理模块，用于执行步骤若是，则压缩所述图片，并计算所述图片的纹理坐标；

缩略显示模块，用于执行步骤将所得纹理坐标映射至空间坐标；

完成所述图片的缩略显示。