CN105511712A - 一种图片呈现方法及装置 - Google Patents

Abstract

本申请公开了一种图片呈现方法及装置。本申请实施例通过获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；通过对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片，从而实现了在对图片进行缩放调整时图片和及其容器的自动调整，避免了现有技术中对图片进行缩放显示时，需要手动调整缩放的比例，以及手动调整图片容器的大小导致的操作过程，简化了操作过程，提高了用户体验。

Description

一种图片呈现方法及装置

技术领域

本申请属于图片处理技术领域，具体地说，涉及一种图片呈现方法及装置。

背景技术

在当前各系统如window、mac、win7等中，在显示屏幕上呈现图片时，可以以适合于屏幕大小的方式进行呈现。比如，对于原图尺寸小于显示屏幕分辨率的图片来说，无须进行缩略处理即可100％完整的呈现，而对于原图尺寸大小大于屏幕分辨率的图片来说，需要首先对原图进行缩略处理，形成整体缩略图，在显示屏幕上呈现该整体缩略图形式的图片。但是，对于原图须转换为整体缩略图的情形，如果要查看原图大小，需要借助系统默认图片工具的快捷键或者第三方图片工具手动进行放大比例的调整，才能100％呈现原图片，比如mac系统对于放大至原尺寸有一个ctrl+0的快捷键。

无论哪种方式，在对整体缩略图进行放大显示时，承载图片的容器即图片工具的编辑框不会发生任何的尺寸变化，如此导致图片的部分内容被图片容器拦截，如果需要按照100％的方式查看原图，就必须对图片容器进行再一次的高宽调试，才能够真正获取到原图片的完整信息。

综上，对于整体缩略图呈现的图片，进行原图100％显示时，必须手动调整整体缩略图的放大比例；与此同时，承载整体缩略图的图片容器在图片比例调整的过程中，图片容器本身尺寸不会发生任何调整，容易导致图片上的部分信息被遮挡，又需要对图片容器的大小进行手动调整。由此，在图片的呈现过程中，导致操作过程繁琐，影响用户体验。

发明内容

本申请所要解决的技术问题是提供一种图片呈现方法及装置，用以克服现有技术中对图片进行缩放显示时，需要手动调整缩放的比例，以及手动调整图片容器的大小导致的操作过程繁琐，用户体验较差等缺陷。

为了解决上述技术问题，本申请提供了一种图片呈现方法，当需要对图片进行缩放显示时，至少包括如下步骤：

获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；以及

对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

优选地，在本申请的一实施例中，所述当前显示图片包括：所述当前显示图片对应原图的整体缩略图。

优选地，在本申请的一实施例中，获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整包括：对所述当前显示图片的像素及其周围相邻若干个像素的像素值进行浮点转换并根据得到浮点坐标进行线性差值处理，以对所述当前显示图片进行缩放调整。

优选地，在本申请的一实施例中，对所述当前显示图片的图片容器进行适应性缩放调整包括：根据针对当前显示图片设置的缩放比例，对所述当前显示图片的图片容器进行适应性缩放调整。

优选地，在本申请的一实施例中，对所述当前显示图片的图片容器进行适应性缩放调整包括：根据缩放调整后的所述当前显示图片，对所述当前显示图片的图片容器进行适应性缩放调整。

优选地，在本申请的一实施例中，获取针对当前显示图片设置的缩放比例包括为在显示界面中按照100％方式显示当前显示图片所设置的缩放比例。

优选地，在本申请的一实施例中，获取针对当前显示图片设置的缩放比例包括：向所述当前显示图片加载一缩放控件，根据对缩放控件的操作事件，获取当前显示图片设置的缩放比例。

优选地，在本申请的一实施例中，所述缩放控件为一右键菜单选项，对所述当前显示图片进行缩放调整包括：通过右键菜单选项选择缩放比例以对所述当前显示图片进行缩放调整。

为了解决上述技术问题，本申请提供了一种图片呈现装置，当需要对图片进行缩放显示时，至少包括如下模块：

第一缩放单元，用于获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；以及

第二缩放单元，用于对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

优选地，在本申请的一实施例中，所述当前显示图片包括：所述当前显示图片对应原图的整体缩略图。

优选地，在本申请的一实施例中，所述第一缩放单元进一步用于对所述当前显示图片的像素及其周围相邻若干个像素的像素值进行浮点转换并根据得到浮点坐标进行线性差值处理，以对所述当前显示图片进行缩放调整。

优选地，在本申请的一实施例中，所述第二缩放单元进一步用于根据针对当前显示图片设置的缩放比例，对所述当前显示图片的图片容器进行适应性缩放调整。

优选地，在本申请的一实施例中，所述第二缩放单元进一步用于根据缩放调整后的所述当前显示图片，对所述当前显示图片的图片容器进行适应性缩放调整。

优选地，在本申请的一实施例中，所述第一缩放单元进一步用于获取针对当前显示图片设置的缩放比例包括为在显示界面中按照100％方式显示当前显示图片所设置的缩放比例。

优选地，在本申请的一实施例中，所述第一缩放单元进一步用于向所述当前显示图片加载一缩放控件，根据对缩放控件的操作事件，获取当前显示图片设置的缩放比例。

为了解决上述技术问题，本申请提供了一种终端，其至少包括显示器和处理器，显示器用于显示图片，所述处理器用于获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；以及用于对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

与现有的方案相比，本申请所获得的技术效果：通过获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；通过对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片，从而实现了在对图片进行缩放调整时图片和及其容器的自动调整，避免了现有技术中对图片进行缩放显示时，需要手动调整缩放的比例，以及手动调整图片容器的大小导致的操作过程，简化了操作过程，提高了用户体验。

附图说明

图1为本申请一实施例图片呈现方法流程示意图；

图2本申请另一实施例图片呈现方法流程示意图；

图3为本申请再一实施例图片呈现装置结构示意图；

图4为本申请又一实施例图片呈现装置结构示意图；

图5为本申请再一实施例终端的结构示意图。

具体实施方式

以下将配合图式及实施例来详细说明本申请的实施方式，藉此对本申请如何应用技术手段来解决技术问题并达成技术功效的实现过程能充分理解并据以实施。

下述本申请实施例中，通过获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；通过对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片，从而实现了在对图片进行缩放调整时图片及其容器的自动调整，避免了现有技术中对图片进行缩放显示时，需要手动调整缩放的比例，以及手动调整图片容器的大小导致的操作过程繁琐，简化了操作过程，提高了用户体验。

当然，实施本申请的任一技术方案并不一定需要同时达到以上所述的所有优点。

本申请实施例的一主要思想：

下述本申请实施例中，图片呈现方法的主要思想主要在于，至少包括：获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；以及对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

本申请实施例的另一主要思想：

下述本申请实施例中，图片呈现装置的主要思想在于，至少包括第一缩放单元，用于获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；以及第二缩放单元，用于对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

本申请实施例的再一主要思想：

下述本申请实施例中，终端的主要思想在于，至少包括显示器和处理器，显示器用于显示图片，所述处理器用于获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；以及用于对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

下述本申请实施例的技术方案可以针对原图片的尺寸比如高或者宽，或者高和宽大于显示器屏幕分辨的情形，需对原图进行处理以缩略图形式显示的情形也可以适用于基于实际的需求，需对原图进行处理以缩略图形式显示的各种情形，详细不再一一赘述。

下述本申请实施例的技术方案可以适用于对终端本地的图片进行呈现，也可以适用于通过因特网浏览的远程图片进行呈现。

下述本申请实施例的技术方案，可以以第三方插件的形式供下载安装，或者直接集成到终端的操作系统中。

方法实施例

图1为本申请一实施例图片呈现方法流程示意图；如图1所示，本实施例中，其可以包括：

101、获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；

本实施例中，所述当前显示图片包括：所述当前显示图片对应原图的整体缩略图。以放大图片为例，如前所述，比如对于原图的尺寸宽、高、宽和高大于显示器的屏幕尺寸，在显示器上无法对原图进行直接显示，而只能对其对应整体缩略图进行显示，针对诸如类似无论哪种原因导致地以缩略图形式进行显示的情形。此时，如果要查看原图大小，需要借助系统默认图片工具的快捷键或者第三方图片工具手动进行放大比例的调整，根据设定的放大比例比如100％完整打开，对所述当前图片进行放大调整。

优选地，本实施例中，在对所述当前显示图片进行缩放调整可以包括：对所述当前显示图片的像素及其周围相邻若干个像素的像素值进行浮点转换并根据得到浮点坐标进行线性差值处理，以对所述当前显示图片进行缩放调整。具体地，其实现可以利用双线性内插算法过程如下：

调用图像缩放－双线性内插值算法原理，对于一个目的像素，设置坐标通过反向变换得到的浮点坐标为(i+u,j+v)，其中i、j均为浮点坐标的整数部分，u、v为浮点坐标的小数部分，是取值[0,1]区间的浮点数，则这个像素的像素值f(i+u,j+v)可由原图像中坐标为(i,j)、(i+1,j)、(i,j+1)、(i+1,j+1)所对应的周围四个像素的值决定，即：f(i+u,j+v)＝(1-u)(1-v)f(i,j)+(1-u)vf(i,j+1)+u(1-v)f(i+1,j)+uvf(i+1,j+1)，其中f(i,j)表示原图(i,j)处的像素值，以此类推，调用算法以原图的像素坐标最大值状态呈100％完整打开。

图像放大的具体实现算法不局限于上述双线性内插算法，也可以利用最临近插值算法，其包括：根据原图像和目标图像的尺寸，计算缩放的比例，然后根据缩放比例计算目标像素所依据的原像素，过程中自然会产生小数，这时就采用四舍五入，取与这个点最相近的点，详细不再赘述。

102、根据针对当前显示图片设置的缩放比例，对所述当前显示图片的图片容器进行适应性缩放调整。

本实施例中，直接根据对当前显示图片设置的缩放比例，对所述当前显示图片的图片容器的尺寸进行适应性调整，比如，如果是按照上述100％完整呈现缩略图对应的原图的话，则对图片容器尺寸的放大可以实现对原图的100％呈现即可，确保原图上不存在任何遮挡的内容。对于缩小的情形类似，详细不再赘述。具体对图片容器的缩放可以利用CSS3、js、HTML5或jQuery实现，以jQuery代码实现为例：

$(function(){

varw＝$("#demo1").width()；//容器宽度

$("#demo1img").each(function(){//如果有很多图片，我们可以使用each()遍历

varimg_w＝$(this).width()；//图片宽度

varimg_h＝$(this).height()；//图片高度

if(img_w>w){//如果图片宽度超出容器宽度

varheight＝(w*img_h)/img_w；//高度等比缩放

$(this).css({"width":w,"height":height})；//设置缩放后的宽度和高度

}

})；

})。

在上述实施例中，如果同时基于针对当前显示图片设置的缩放比例，对当前图片和其容器进行调整，步骤101和步骤102之间并没有严格的时序关系，比如，步骤102也可以在步骤101之前，步骤101和步骤102也可以同步进行。

图2本申请另一实施例图片呈现方法流程示意图；如图2所示，本实施例中，其可以包括：

201、获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；

本实施例中，步骤201的详细情形可参见上述图1所示的实施例，在此不再赘述。

202、根据缩放调整后的所述当前显示图片，对所述当前显示图片的图片容器进行适应性缩放调整。

与上述图1实施例不同的是，本实施例中，并不是根据缩放比例，即对图片进行缩放调整，又对图片容器进行尺寸调整，而是基于缩放调整后的所述当前显示图片，对图片容器进行尺寸调整。如果放大调整后的所述当前图片存在被遮挡内容，或者，缩小调整后的所述当前图片相对于图片容器尺寸较小，即可启动步骤202进行相应的放大或者缩小调整。

有关图片容器的缩放可参见上述图1有关记载，详细不再赘述。

为了直观提供缩放操作，在上述图1和图2的基础上，还可以在向所述当前显示图片加载缩放控件，根据对缩放控件的操作事件，获取当前显示图片设置的缩放比例，比如以常用的右键操作习惯来设置该缩放控件，缩放控件的个数可以常用的缩放比例来进行设置，比如适用于屏幕或100％原图呈现。

装置实施例

图3为本申请再一实施例图片呈现装置结构示意图；如图3所示，本实施例中，其至少包括如下模块：

第一缩放单元301，用于获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；

本实施例中，所述当前显示图片包括：所述当前显示图片对应原图的整体缩略图。

本实施例中，所述第一缩放单元301进一步用于对所述当前显示图片的像素及其周围相邻若干个像素的像素值进行浮点转换并根据得到浮点坐标进行线性差值处理，以对所述当前显示图片进行缩放调整。

本实施例中，所述第一缩放单元301进一步用于获取针对当前显示图片设置的缩放比例包括为在显示界面中按照100％方式显示当前显示图片所设置的缩放比例。

本实施例中，所述第一缩放单元301进一步用于向所述当前显示图片加载一缩放控件，根据对缩放控件的操作事件，获取当前显示图片设置的缩放比例。

第二缩放单元302，用于根据针对当前显示图片设置的缩放比例，对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

图4为本申请又一实施例图片呈现装置结构示意图；如图4所示，本实施例中，其至少包括如下模块：

第三缩放单元401用于获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；

本实施例中，所述第三缩放单元401进一步用于对所述当前显示图片的像素及其周围相邻若干个像素的像素值进行浮点转换并根据得到浮点坐标进行线性差值处理，以对所述当前显示图片进行缩放调整。

本实施例中，所述第三缩放单元401进一步用于获取针对当前显示图片设置的缩放比例包括为在显示界面中按照100％方式显示当前显示图片所设置的缩放比例。

本实施例中，所述第三缩放单元401进一步用于向所述当前显示图片加载一缩放控件，根据对缩放控件的操作事件，获取当前显示图片设置的缩放比例。

第四缩放单元402用于根据缩放调整后的所述当前显示图片，对所述当前显示图片的图片容器进行适应性缩放调整。

上述图3和图4中缩放单元可以以软件的形式，或者硬件结构的形式实现。

终端实施例

图5为本申请再一实施例终端的结构示意图；如图5所示，其至少包括显示器501和处理器502，显示器501用于显示图片，所述处理器502用于获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；以及用于对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

本申请的实施例所提供的装置可通过计算机程序实现。本领域技术人员应该能够理解，上述的单元以及模块划分方式仅是众多划分方式中的一种，如果划分为其他单元或模块或不划分块，只要信息对象的具有上述功能，都应该在本申请的保护范围之内。

本领域的技术人员应明白，本申请的实施例可提供为方法、装置(设备)、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、装置(设备)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (16)

1.一种图片呈现方法，其特征在于，当需要对图片进行缩放显示时，至少包括如下步骤：

获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；以及

对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

2.根据权利要求1所述的方法，其特征在于，所述当前显示图片包括：所述当前显示图片对应原图的整体缩略图。

3.根据权利要求1所述的方法，其特征在于，获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整包括：对所述当前显示图片的像素及其周围相邻若干个像素的像素值进行浮点转换并根据得到浮点坐标进行线性差值处理，以对所述当前显示图片进行缩放调整。

4.根据权利要求1所述的方法，其特征在于，对所述当前显示图片的图片容器进行适应性缩放调整包括：根据针对当前显示图片设置的缩放比例，对所述当前显示图片的图片容器进行适应性缩放调整。

5.根据权利要求1所述的方法，其特征在于，对所述当前显示图片的图片容器进行适应性缩放调整包括：根据缩放调整后的所述当前显示图片，对所述当前显示图片的图片容器进行适应性缩放调整。

6.根据权利要求1所述的方法，其特征在于，获取针对当前显示图片设置的缩放比例包括为在显示界面中按照100％方式显示当前显示图片所设置的缩放比例。

7.根据权利要求1所述的方法，其特征在于，获取针对当前显示图片设置的缩放比例包括：向所述当前显示图片加载一缩放控件，根据对缩放控件的操作事件，获取当前显示图片设置的缩放比例。

8.根据权利要求7所述的方法，其特征在于，所述缩放控件为一右键菜单选项，对所述当前显示图片进行缩放调整包括：通过右键菜单选项选择缩放比例以对所述当前显示图片进行缩放调整。

9.一种图片呈现装置，其特征在于，当需要对图片进行缩放显示时，至少包括如下模块：

第一缩放单元，用于获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整；以及

第二缩放单元，用于对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。

10.根据权利要求9所述的装置，其特征在于，所述当前显示图片包括：所述当前显示图片对应原图的整体缩略图。

11.根据权利要求9所述的装置，其特征在于，所述第一缩放单元进一步用于对所述当前显示图片的像素及其周围相邻若干个像素的像素值进行浮点转换并根据得到浮点坐标进行线性差值处理，以对所述当前显示图片进行缩放调整。

12.根据权利要求9所述的装置，其特征在于，所述第二缩放单元进一步用于根据针对当前显示图片设置的缩放比例，对所述当前显示图片的图片容器进行适应性缩放调整。

13.根据权利要求9所述的装置，其特征在于，所述第二缩放单元进一步用于对所根据缩放调整后的所述当前显示图片，对所述当前显示图片的图片容器进行适应性缩放调整。

14.根据权利要求9所述的装置，其特征在于，所述第一缩放单元进一步用于获取针对当前显示图片设置的缩放比例包括为在显示界面中按照100％方式显示当前显示图片所设置的缩放比例。

15.根据权利要求9所述的装置，其特征在于，所述第一缩放单元进一步用于向所述当前显示图片加载一缩放控件，根据对缩放控件的操作事件，获取当前显示图片设置的缩放比例。

16.一种终端，其特征在于，至少包括显示器和处理器，显示器用于显示图片；所述处理器用于获取针对当前显示图片设置的缩放比例，对所述当前显示图片进行缩放调整，以及用于对所述当前显示图片的图片容器进行适应性缩放调整，以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。