一种图片显示方法及装置制造方法及图纸

技术编号:15329044 阅读:72 留言:0更新日期:2017-05-16 12:48
本专利涉及一种图片显示方法及装置,通过根据原始图片的高宽尺寸、显示窗口的高宽尺寸以及最小显示区域的高宽尺寸对原始图片进行处理,得到用于显示的修正图片,可保证不同尺寸的图片显示的一致性,提供用户最佳的阅读体验,并尽可能的保证图片缩略后的可读性,以及保证图片在经过缩略处理后不会产生变形失真。

Picture display method and device

The utility model relates to a picture display method and device, according to the original image size, height and width of the display window width and the minimum size of the display area width size on the original picture, get used to modify the picture display, can ensure the consistency of different sizes of image display, to provide users with the best reading experience and, as far as possible to ensure the readability of the thumbnail pictures after, and to ensure the picture after treatment will not produce distortion thumbnail.

【技术实现步骤摘要】
一种图片显示方法及装置
本公开涉及图文显示领域,尤其涉及一种图片显示方法及装置。
技术介绍
随着技术的发展,连接网络的终端类型呈现多样化,不同终端类型的显示屏尺寸不同,不同显示屏的分辨率不同,不同页面中设置的显示尺寸、比例也不同。同时,原始图片的尺寸也呈个性化,并不统一。因此,在不同的显示环境下,针对不同的原始图片,均需要进行处理,以使用户得到良好的体验。现有技术中对原始图像处理常用的一种方式是固定用于显示图片的显示窗口的长边尺寸,将原始图片进行等比例缩放,以使缩放后的图片的长边尺寸等于所述显示窗口的长边尺寸;此种处理方式可能会造成图片显示窗口的大小不一,前端展现没有规范可循。再一种方式是固定用于显示图片的显示窗口尺寸及长宽比例,按照所述显示窗口的尺寸和长宽比例对原始图片进行强制缩放;此种处理方式简单易行,但是可能会造成原始图片被强制缩放后失真变形。另外一种方式是固定用于显示图片的显示窗口尺寸,针对原始图片进行缩放裁剪,保证部分区域可视。此种处理方式较为复杂,例如图1所示,在图1示出的显示窗口尺寸下显示原始图片1时,是将原始图片1的短边缩放后,居中剪裁,去掉斜线所示的剪裁区;并且,此种处理方式针对某些非常见尺寸的原始图片,处理效果也差强人意,例如图2所示,同样图2示出的显示窗口尺寸下显示原始图片2时,是将原始图片2的短边拉伸后,居中剪裁,显然显示出的图片可读性较差。因此,此种处理方式在除了定义常规图片的尺寸缩放、剪裁规范之外,还需针对特殊比例的图片进行其他规范的处理,保证图片的可读性,更增处理上的繁复程度。
技术实现思路
本公开的目的是提供一种图片显示方法及装置,以相对简单的方式实现不同尺寸的图片在各种终端及页面的显示一致性,以使用户获得最佳的阅读体验。为了实现上述目的,本公开提供了一种图片显示方法,其步骤包括:将显示窗口配置为矩形区域,并设置所述显示窗口用于显示图片的最小显示区域的高宽尺寸;获取原始图片的高宽尺寸;根据所述原始图片的高宽尺寸、所述显示窗口的高宽尺寸以及所述最小显示区域的高宽尺寸对所述原始图片进行处理,得到修正图片;所述修正图片的高度尺寸大于等于所述最小显示区域的高度尺寸,且小于等于所述显示区域的高度尺寸;所述修正图片的宽度尺寸大于等于所述最小显示区域的宽度尺寸,且小于等于所述显示区域的宽度尺寸;于所述显示窗口显示所述修正图片。进一步,若所述显示窗口为边长是X的正方形区域,所述显示窗口用于显示图片的最小显示区域为边长是Minx的正方形时;获取原始图片相交两边的长度A和B;根据所述原始图片相交两边的长度A和B、所述显示窗口的边长X以及所述最小显示区域的边长Minx对所述原始图片进行处理,得到修正图片,所述修正图片的任意一条边长小于等于X,且大于等于Minx。进一步,若所述原始图片的A≥B,且Minx≤A≤X,则将所述原始图片进行等比例放大,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,若所述原始图片的A≥B,且A≥X,B≥A*Minx/X,则将所述原始图片进行等比例缩小,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,若所述原始图片的A≥B,且A≥X,B<A*Minx/X,则将所述原始图片进行等比例放大,以使等比例放大后的图片短边长为Minx,对等比例放大后的图片在长边方向上居中剪裁,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,若所述原始图片的A>Minx,B<Minx,则将所述原始图片进行等比例放大,以使等比例放大后的图片短边长为Minx,对等比例放大后的图片在长边方向上居中剪裁,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,若所述原始图片的A≥B,A≤Minx,则将所述原始图片进行等比例放大,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,所述最小显示区域的边长Minx满足,X/4≤Minx≤X/2,优选为X/3。本公开进一步提供了一种图片显示装置,包括:显示窗口配置模块,用于将显示窗口配置为矩形区域,并设置所述显示窗口用于显示图片的最小显示区域的高宽尺寸;采集模块,用于获取原始图片的高宽尺寸;修正模块,用于根据所述原始图片的高宽尺寸、所述显示窗口的高宽尺寸以及所述最小显示区域的高宽尺寸对所述原始图片进行处理,得到修正图片;所述修正图片的高度尺寸大于等于所述最小显示区域的高度尺寸,且小于等于所述显示区域的高度尺寸;所述修正图片的宽度尺寸大于等于所述最小显示区域的宽度尺寸,且小于等于所述显示区域的宽度尺寸;显示模块,用于在所述显示窗口显示所述修正图片。进一步,所述显示窗口配置模块用于将所述显示窗口配置为边长是X的正方形区域,并设置所述显示窗口用于显示图片的最小区域为边长是Minx的正方形;所述采集模块用于获取原始图片相交两边的长度A和B;所述修正模块用于根据所述原始图片相交两边的长度A和B、所述显示窗口的边长X以及所述最小显示区域的边长Minx对所述原始图片进行处理,得到修正图片,所述修正图片的任意一条边长小于等于X,且大于等于Minx。进一步,所述修正模块用于当所述原始图片的A≥B,且Minx≤A≤X时,将所述原始图片进行等比例放大,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,所述修正模块用于当所述原始图片的A≥B,且A≥X,B≥A*Minx/X时,将所述原始图片进行等比例缩小,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,所述修正模块用于当所述原始图片的A≥B,且A≥X,B<A*Minx/X时,将所述原始图片进行等比例放大,以使等比例放大后的图片短边长为Minx,对等比例放大后的图片在长边方向上居中剪裁,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,所述修正模块用于当所述原始图片的A>Minx,B<Minx时,将所述原始图片进行等比例放大,以使等比例放大后的图片短边长为Minx,对等比例放大后的图片在长边方向上居中剪裁,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,所述修正模块用于当所述原始图片的A≥B,A≤Minx时,将所述原始图片进行等比例放大,得到所述修正图片,所述修正图片的长边A’长度为X。进一步,所述最小显示区域的边长Minx满足,X/4≤Minx≤X/2,优选为X/3。通过上述技术方案,通过根据原始图片的高宽尺寸、显示窗口的高宽尺寸以及最小显示区域的高宽尺寸对原始图片进行处理,得到用于显示的修正图片可保证不同尺寸的图片显示的一致性,提供用户最佳的阅读体验,并尽可能的保证图片缩略后的可读性,以及保证图片在经过缩略处理后不会产生变形失真。本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。附图说明附图是用来提供对本公开的进一步理解,并且构成说明书的一部分,与下面的具体实施方式一起用于解释本公开,但并不构成对本公开的限制。在附图中:图1是现有技术之一示意图;图2是现有技术之二示意图;图3是本公开一种图片显示方法流程图;图4是本公开中显示窗口和最小显示区域的示意图;图5是本公开实施例一的示意图;图6是本公开实施例二的示意图;图7是本公开实施例三的示意图;图8是本公开实施例四的示意图之一;图9是本公开实施例四的示意图之二;图10是本公开一种图片显示装置的本文档来自技高网...
一种图片显示方法及装置

【技术保护点】
一种图片显示方法,其特征在于,步骤包括:将显示窗口配置为矩形区域,并设置所述显示窗口用于显示图片的最小显示区域的高宽尺寸;获取原始图片的高宽尺寸;根据所述原始图片的高宽尺寸、所述显示窗口的高宽尺寸以及所述最小显示区域的高宽尺寸对所述原始图片进行处理,得到修正图片;所述修正图片的高度尺寸大于等于所述最小显示区域的高度尺寸,且小于等于所述显示区域的高度尺寸;所述修正图片的宽度尺寸大于等于所述最小显示区域的宽度尺寸,且小于等于所述显示区域的宽度尺寸;于所述显示窗口显示所述修正图片。

【技术特征摘要】
1.一种图片显示方法,其特征在于,步骤包括:将显示窗口配置为矩形区域,并设置所述显示窗口用于显示图片的最小显示区域的高宽尺寸;获取原始图片的高宽尺寸;根据所述原始图片的高宽尺寸、所述显示窗口的高宽尺寸以及所述最小显示区域的高宽尺寸对所述原始图片进行处理,得到修正图片;所述修正图片的高度尺寸大于等于所述最小显示区域的高度尺寸,且小于等于所述显示区域的高度尺寸;所述修正图片的宽度尺寸大于等于所述最小显示区域的宽度尺寸,且小于等于所述显示区域的宽度尺寸;于所述显示窗口显示所述修正图片。2.根据权利要求1所述的图片显示方法,其特征在于,若所述显示窗口为边长是X的正方形区域,所述显示窗口用于显示图片的最小显示区域为边长是Minx的正方形时;获取原始图片相交两边的长度A和B;根据所述原始图片相交两边的长度A和B、所述显示窗口的边长X以及所述最小显示区域的边长Minx对所述原始图片进行处理,得到修正图片,所述修正图片的任意一条边长小于等于X,且大于等于Minx。3.根据权利要求2所述的图片显示方法,其特征在于,若所述原始图片的A≥B,且Minx≤A≤X,则将所述原始图片进行等比例放大,得到所述修正图片,所述修正图片的长边A’长度为X。4.根据权利要求2所述的图片显示方法,其特征在于,若所述原始图片的A≥B,且A≥X,B≥A*Minx/X,则将所述原始图片进行等比例缩小,得到所述修正图片,所述修正图片的长边A’长度为X。5.根据权利要求2所述的图片显示方法,其特征在于,若所述原始图片的A≥B,且A≥X,B<A*Minx/X,则将所述原始图片进行等比例放大,以使等比例放大后的图片短边长为Minx,对等比例放大后的图片在长边方向上居中剪裁,得到所述修正图片,所述修正图片的长边A’长度为X。6.根据权利要求2所述的图片显示方法,其特征在于,若所述原始图片的A>Minx,B<Minx,则将所述原始图片进行等比例放大,以使等比例放大后的图片短边长为Minx,若等比例放大后的图片长边大于X,则对等比例放大后的图片在长边方向上居中剪裁,得到所述修正图片,所述修正图片的长边A’长度为X;若等比例放大后的图片长边小于X,则所述等比例放大后的图片作为修正图片。7.根据权利要求2所述的图片显示方法,其特征在于,若所述原始图片的A≥B,A≤Minx,则将所述原始图片进行等比例放大,得到放大后的图片的短边为B*X/Minx,根据所述放大后的图片的长边与短边长度、所述显示窗口的边长X以及所述最小显示区域的边长Minx对所述放大后的图片进行处理,得到修正图片,所述修正图片的任意一条边长小于等于X大于等于Minx。8.根据权利要求2至7任一项所述的图片显示方法,其特征在于,所述最小显示区域的边长Minx满足,X/4≤Minx≤X/2。9.根据权利要求8所述的图片显示方法,其特征在于,所述最小显示区域的边长Minx为X/3。10.一种图片显示装置,其特征在于,包括:显示窗口配置模块,用于将显示窗口配置为矩形区域,并设置所述显示窗口...

【专利技术属性】
技术研发人员:成龙焦文明赵刚顾思斌潘柏宇王冀
申请(专利权)人:传线网络科技上海有限公司
类型:发明
国别省市:上海,31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1