CN110825993A - 图片的显示方法、装置和电子设备 - Google Patents

Abstract

本公开实施例公开了图片的显示方法、装置和电子设备。该方法的一具体实施方式包括：响应于确定该第一显示区域不能显示目标原图，获得该目标原图的第一裁剪图，其中，该第一裁剪图是对该目标原图进行裁剪得到的；在该第一显示区域，显示该第一裁剪图。在本公开实施例中，当第一显示区域不能显示目标原图时，会获得目标原图的第一裁剪图。而第一裁剪图是目标原图进行裁剪而得到的。因此，第一裁剪图中的内容与目标原图中的内容，在尺寸比例上是相同的，使得第一显示区域对第一裁剪图进行显示时，不会出现变形的情况；另外，第一裁剪图还可以包括目标原图被裁剪区域的全部像素，使得图像的真实度较高，显示效果较为清晰。

Description

图片的显示方法、装置和电子设备

技术领域

本公开涉及计算机技术领域，尤其涉及一种图片的显示方法、装置和电子设备。

背景技术

随着互联网的发展，用户可以通过终端设备浏览各类信息；例如，浏览图像信息、文字信息、视频信息等。在用户通过终端设备浏览图像信息的过程中，终端设备的显示界面可能会一次性显示多幅图像；以使用户能一次性浏览多幅图像。

但显示界面的显示区域的尺寸比例，与图像的本身的尺寸比例可能存在一定的差异。如：图像的尺寸都已经远大于显示区域的尺寸了，而显示区域有时还会分区域的同时显示多幅图像；因此，当图像本身的尺寸比例大于显示区域的尺寸比例时，通常会将待显示的图像进行缩放处理，以使待显示的图像与显示该待显示图像的显示区域尺寸比例保持相同，然后再将进行缩放处理后的待显示图像进行显示。也即，显示区域内进行显示的内容会与图像本身的内容相同，但是内容在尺寸比例上可能存在差异。

发明内容

提供该公开内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该公开内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

本公开实施例提供了一种图片的显示方法、装置和电子设备，使得在第一显示区域显示图像时，显示的图像更为清晰、图像的真实度较高。

第一方面，本公开实施例提供了一种图片的显示方法，该方法包括：确定第一显示区域能否显示目标原图；响应于确定上述第一显示区域不能显示上述目标原图，获得上述目标原图的裁剪图，其中，上述裁剪图是对上述目标原图进行裁剪得到的；在上述第一显示区域，显示上述裁剪图。

第二方面，本公开实施例提供了一种图片的显示装置，包括：确定单元，用于确定第一显示区域能否显示目标原图；第一响应单元，用于响应于确定上述第一显示区域不能显示上述目标原图，获得上述目标原图的裁剪图，其中，上述裁剪图是对上述目标原图进行裁剪得到的；显示单元，用于在上述第一显示区域，显示上述裁剪图。

第三方面，本公开实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当上述一个或多个程序被上述一个或多个处理器执行，使得上述一个或多个处理器实现如第一方面上述的图片的显示方法。

第四方面，本公开实施例提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面所述的图片的处理方法的步骤。

本公开实施例提供的图片的显示方法、装置和电子设备，当第一显示区域不能显示目标原图时，会获得目标原图的第一裁剪图。而第一裁剪图是目标原图进行裁剪而得到的。因此，第一裁剪图中与目标原图中，在尺寸比例上是相同的，使得第一显示区域对第一裁剪图进行显示时，不会出现变形的情况；另外，第一裁剪图还可以包括目标原图被裁剪区域的全部像素，使得图像的真实度较高，显示效果较为清晰。

而在现有技术中，当第一显示区域不能显示目标原图时，可能会将目标原图进行缩放；而在缩放的过程中，一方面，如果采用非等比例缩放方式，会改变目标原图本身的尺寸比例，进而造成图像的变形；另一方面，也可能会减小像素数量，从而造成图像的模糊。

因此，本申请实施例提供的方案相较于现有方案，在第一显示区域显示图像时，可以使显示的图像更为清晰、图像的真实度较高。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。

图1是根据本公开的图片的显示方法的一个实施例的流程图；

图2是根据本公开的图片的显示方法的另一个实施例的流程图；

图3A是根据本公开的图片的显示方法的一个应用场景的示意图；

图3B是根据本公开的图片的显示方法的一个应用场景的另一示意图；

图3C是根据本公开的图片的显示方法的一个应用场景的另一示意图；

图4是根据本公开的图片的显示方法的另一个实施例的流程图；

图5是根据本公开的图片的显示装置的一个实施例的结构图；

图6是本公开的一个实施例的图片的显示方法可以应用于其中的示例性系统架构；

图7是根据本公开实施例提供的电子设备的基本结构的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

请参考图1，其示出了根据本公开图片的显示方法的一个实施例流程。该图像的显示方法应用于包括显示屏的终端设备。如图1所示该图片的显示方法，包括以下步骤：

步骤101，确定第一显示区域能否显示目标原图。

在一些实施例中，上述显示屏的显示界面上可以同时显示多个信息；如：同时显示多个图像信息、多个图像信息和文字信息的组合等。

在实施例中，可以将显示屏的显示界面中，用于显示图像的区域部分作为第一显示区域。而在第一显示区域需要显示的图像则可以作为目标原图。需要说明的是，在某些情况下，在同一显示界面上可能需要同时显示多幅图像，此时，每一处需要显示图像的区域都可以称为第一显示区域，而需要在第一显示区域进行显示的图像则可以称为目标原图。

在一些实施例中，如果第一显示区域不能一次性显示目标原图的全部像素，则可以表征第一显示区域不能显示目标图像，如果第一显示区域能够一次性显示目标原图的全部像素，则可以表征第一显示区域能够显示目标图像。

在一些实施例中，可以预设判断条件，以确定第一显示区域能否显示目标原图。在实践中，上述判断条件的具体内容可以根据实际情况进行设置。如：预设判断条件可以是像素数量的多少、图像尺寸的大小、图像所占空间的大小等。换言之，可以判断第一显示区域能显示的像素数量，是否大于目标原图所包括的全部像素数量；若大于或等于，则可以表示第一显示区域能显示目标原图；若小于，则可以表示第一显示区域不能显示目标图像。还可以判断第一显示区域所能显示的最大图像尺寸是否大于目标原图的尺寸，若不大于，则可以表征第一显示区域不能显示目标原图。还可以判断显示目标图像所占有的空间(内存)是否大于第一显示区域对应的空间(内存)，若大于，也可以表征第一显示区域不能显示目标原图。

在一些实施例中，第一显示区域可以是静态显示区域，也可以是动态显示区域。

在一些实施例中，第一显示区域可以是静态显示区域，目标原图在第一显示区域进行显示时，目标原图无法移动位置，从而无法改变第一显示区域中的显示内容。也即，当第一显示区域不能一次性显示完目标原图，则可以视为第一显示区域不能显示目标原图。

在一些实施例中，第一显示区域可以是动态显示区域。通常，动态显示区域尺寸不变，当用户可以在动态显示区域中进行滑动时，动态显示区域内显示的图片可以移动位置。在这种动态显示区域的情况下，如果第一显示区域不能一次性显示目标原图，还需要用户滑动图片才能继续浏览全部的目标原图，但此情况也可以表征为第一显示区域不能显示目标原图。

在一些实施例中，当利用像素数量的多少来确定第一显示区域能否显示目标原图时，可以包括：确定目标原图的像素的总数量是否大于第一显示区域的最多能显示的像素的数量；如果大于，则确定第一显示区域不能显示目标原图。

在一些实施例中，在利用像素数量来确定第一显示区域能否显示目标原图时，还可以包括：判断在指定方向上，目标原图的像素数量是否大于第一显示区域能显示的像素数量；如果是，则确定第一显示区域不能显示目标原图。

在一些实施例中，目标原图与第一显示区域在形状上可能存在较大的差异；如：目标原图的形状是长方形，而第一显示区域的形状是圆形。此时，虽然第一显示区域所能显示的最大像素数量大于目标原图的像素数量，但也不能表征第一显示区域能显示目标原图。因为，目标原图可能在某个方向上的像素数量，大于第一显示区域在这个方向上所能显示的最大像素数量，从而使得目标原图在该方向上的像素，不能完全在第一显示区域进行显示，而此种情况也属于第一显示区域不能显示全部的目标原图。因此，在一些实施例中，可以将第一显示区域在竖直方向上所能显示的最大像素数量，与目标原图在竖直方向上的所能显示的像素数量进行对比；将第一显示区域在水平方向上所能显示的最大像素数量，与目标原图在水平方向上的像素数量进行对比。若在竖直方向上和/或在水平方向上，目标原图的像素数量大于第一显示区域所能显示的最大像素数量；则可以表征目标原图不能在第一显示区域进行显示。

在一些实施例中，也可以将目标原图在任意方向上的像素数量，与第一显示区域在相同方向上所能显示的最大像素数量进行比较。如，具体可以为：将第一显示区域与目标原图放于同一个二维坐标系中，且将第一显示区域的中心点与目标原图的中心点进行重合，并放置于二维坐标系的坐标原点。此时，若目标原图在某一个方向上的像素数量大于第一显示区域在这个方向上所能显示的最大像素数量时，则可以表征在这个方向上，第一显示区域无法显示完目标原图在这个方向上的像素；也即，可以表征为，第一显示区域不能显示目标原图。

步骤102，响应于确定第一显示区域不能显示目标原图，获得目标原图的第一裁剪图。

在一些实施例中，第一裁剪图可以是对目标原图进行裁剪得到的。也即，当第一显示区域无法显示目标原图时，可以对目标原图进行裁剪，以获得目标原图的第一裁剪图。第一裁剪图的尺寸可以与第一显示区域的尺寸相同或者略小于第一显示区域的尺寸，以使第一显示区域可以完全显示第一裁剪图。

在一些实施例中，在对目标原图进行裁剪时，可以先获取第一显示区域的形状，然后以第一显示区域的形状为基准，对目标原图进行裁剪获得第一裁剪图，以使获得的第一裁剪图在第一显示区域进行显示时，不会出现变形的情况。

在一些实施例中，可以通过终端设备对目标原图进行裁剪获得第一裁剪图，也可以通过终端设备对应的服务器对目标原图进行裁剪获得第一裁剪图。

在一些实施例中，在对目标原图进行裁剪时，有时可能还需要选取目标原图中的截取区域，而目标原图的截取区域内的内容即为第一裁剪图对应的内容。在一些实施方式中，可以基于目标原图中的内容对截取区域进行选取，以使第一裁剪图能在一定程度上较直观的表征出目标原图。如：当目标原图是一幅山水画时，则可以将山水画中色彩最丰富的区域进行截取、当目标原图是一幅带有人物的画时，则可以对目标原图中的人物进行截取、当目标原图是文章时，则可以对目标原图中的文章的标题进行截取。当然，在具体实施方式中，还有很多截取区域的选择方式，为了说明书的简洁，此处不再进行赘述；仅需使用户在浏览第一裁剪图时，可以获知目标原图想要表达的内容或者大致想要表达的内容即可，在此并不对具体截取区域的选择方式进行限定。

步骤103，在第一显示区域，显示第一裁剪图。

在一些实施例中，对目标原图进行裁剪得到第一裁剪图，从而使得第一裁剪图中包括了目标原图部分区域(截取区域)的全部像素。因此，第一裁剪图在第一显示区域进行显示时，图像的真实度较高，显示效果较为清晰。

可以看出，在本申请实施例中，当第一显示区域不能显示目标原图时，会获得目标原图的第一裁剪图。而第一裁剪图是对目标原图进行裁剪而得到的；因此，第一裁剪图与目标原图中的被裁剪区域，在尺寸比例上是相同的，从而使得第一显示区域在对第一裁剪图进行显示时，不会出现变形的情况。另外，第一裁剪图还可以包括目标原图部分区域的全部像素，使得图像的真实度较高，显示效果较为清晰。而在现有技术中，当第一显示区域不能显示目标原图时，会将目标原图进行缩放，而在缩放的过程中，一方面，如果采用非等比例缩放方式，可能会改变目标原图本身的尺寸比例，进而造成图像的变形；另一方面，也可能会减小像素数量，从而造成图像的模糊。因此，本申请实施例提供的方案相较于现有方案，在第一显示区域显示图像时，能使显示的图像更为清晰、图像的真实度较高。

如图2所示，其示出了根据本公开图片的显示方法的另一个实施例流程图。包括：步骤201-步骤204。

其中，步骤201、步骤202和步骤203的实现细节，可以参考对步骤101、步骤102和步骤103的说明，为了说明书的简洁，在此不再赘述。

步骤204：响应于检测到预定义的图片放大操作，在第二显示区域，显示目标原图。

在本实施例中，上述第二显示区域可以覆盖上述第一显示区域。

在一些实施例中，第一显示区域用于显示第一裁剪图，第二显示区域用于显示目标原图。第一裁剪图的像素数量和尺寸，小于目标原图的像素数量和尺寸；上述“第二显示区域覆盖第一显示区域”可以理解为：第二显示区域的区域范围内可以包括第一显示区域。

在一些实施例中，在第一显示区域对第一裁剪图进行显示之后；若用户需要查看目标原图时，可以执行预定义的图片放大操作，然后在第二显示区域将显示目标原图，以供用户查看。

在一些实施例中，图片放大操作可以是用户对第一显示区域的预定义操作。如：预定义操作可以是用户对第一显示区域执行的双击操作、单击操作、长按操作等。当终端设备的显示界面是触摸显示屏时，图片放大操作还可以是用户在第一显示区域的滑动操作、按压操作等。

在一些实施例中，当第二显示区域显示目标原图时，若目标原图的像素数量较多时，第二显示区域也可能存在一次性不能显示全部目标原图的情况。因此，为了使用户可以观察到全部的目标原图，第二显示区域也可以是动态区域；也即，目标原图在第二显示区域进行显示时，目标原图可以在第二显示区域进行移动；以使目标原图的每一处均能在第二显示区域进行显示。

下面结合图3A、图3B和图3C，以更好的说明第一显示区域显示第一裁剪图，与第二显示区域显示目标原图时的区别。图3A为目标原图，沿着图3A中虚线框对目标原图进行裁剪则可以得到第一裁剪图。图3B为终端设备的第一显示区域显示第一裁剪图时的示意图，其中，方框中显示有五角星的位置为第一显示区域，也即图3B中302所指示的区域。而图3B中301所指示的区域则为显示界面，而图中的黑点则表征其它信息。结合观察图3A和图3B，可以看出，在显示界面上可能会同时显示多条信息，且目标原图的尺寸并不与第一显示区域的尺寸相同；但是，第一显示区域内进行显示的两个五角星，与目标原图内的两个五角星是相同的(尺寸比例相同)。也可以理解为图3B中的第一显示区域302的尺寸比例与图3A中目标原图的尺寸比例完全相同，因此，使得在第一显示区域302进行显示的五角星不会出现变形的情况。

另外，可以看出，图3A中的目标原图包括了：两个五角星和一段介绍五角星的文字；而图3B中的第一显示区域302，仅显示了图3A中虚线框内的内容(两个五角星)。也即，在一些实施方式中，可以筛选出目标原图具有代表性区域的图像，并对该区域的图像进行裁剪获得第一裁剪图。这样可以使得第一显示区域302在显示的第一裁剪图时，能较好的反应出目标原图。换言之，用户可以通过第一裁剪图获知目标原图的内容或者大致内容。在此实施例中，当目标原图需要在第一显示区域进行显示时，可以沿图3A中的虚线框对目标原图进行裁剪，获得第一裁剪图，在第一显示区域显示第一裁剪图即可。

进一步地，结合图3C，图3C为目标原图在第二显示区域进行显示时的示意图，第二显示区域可以为图3C中303所指示的区域，也即，可以为终端设备的整个显示界面。可以看出，此时目标原图是可以在第二显示区域进行完全显示的，且图3A中的五角星与图3C中的五角星的尺寸比例也是相同的。当在第一显示区域执行预定义的操作后，则可以在第二显示区域显示目标原图，其变化过程可以理解为从图3B变化到图3C的过程。

在一些实施方式中，第一显示区域可以位于第一图层，第二显示区域可以位于第二图层。步骤204(响应于检测到预定义的图片放大操作，在第二显示区域，显示上述目标原图)具体可以包括：响应于检测到上述图片放大操作，在预设第一时长内，至少一次减小上述第二图层的得到第二图层的减小后透明度，以及至少一次增大第一图层的透明度得到第一图层的增大后透明度，并可以在第二显示区域，显示目标原图，其中，上述第二图层的减小后透明度小于上述第一图层的增大后透明度。

在一些实施例中，第一显示区域显示第一裁剪图对应的第一内容，与第二显示区域显示第一内容时的位置可能不同。如：第一裁剪图是将目标原图的上部分进行裁剪而得到的，而第一显示区域位于显示界面的中间位置；此时，在第一显示区域显示第一裁剪图时，也就是将目标原图的上部分显示在显示界面的中间位置。而当第二显示区域显示目标原图时，目标原图的上部分则是在显示界面的上部分位置进行显示；可以看出，第一裁剪图的两次显示位置明显不同。因此，为了实现较好的显示效果，会将第一显示区域和第二显示区域分为两个不同的图层，以使目标原图与裁剪图不同时进行显示。

在一些实施例中，图层的透明度与用户能否从显示界面观察到图层中的图像相关。也即，当第一图层的透明度大于第二图层的透明度时，用户在显示界面上观察到的第二图层对应的内容(目标原图)将会比第一图层对应的内容(第一裁剪图)更明显。也即，当第一图层的透明度远大于第二图层的透明度时，用户仅能观察到第二图层对应的内容。

因此，可以分别控制第一图层与第二图层的透明度，以使目标原图与第一裁剪图不同时进行显示。如：当需要显示目标原图时，可以将第二图层的透明度调低，将第一图层的透明度调高；当第一图层的透明度高于第二图层的透明度时，目标原图也就相较于第一裁剪图更加凸显。当第一图层的透明度远高于第二图层的透明度时，用户通过显示界面也就仅能观察到目标原图了。

在一些实施方式中，可以在预设时长内，将第一图层的透明度从第一值增大至第二值，将第二图层的透明度从第三值减小至第四值；若第二值远大于第四值时，用户在显示界面上看到的主要图像可能是目标原图。

在一些实施例中，可以在预设时长内，一次性的将第一图层的透明度从第一透明度增大至第二透明度，也可以是在预设时长内，将第一透明度进行多次增大得到第二透明度。相应地，在预设时长内，第二图层的透明度也可以一次性从第三透明度减小到第四透明度，也可以是第三透明度多次减小而得到第四透明度。

在将第一透明度进行多次增大得到第二透明度的过程中，每增大一次透明度的值，第一图层的透明度都将发生变化。也即，第一图层从第一透明度到第二透明度之间，还会经过多个透明度的过渡。使得第一图层的透明度变化是一个动态的变化过程。当然，将第三透明度进行多次减小获得第四透明度的过程中，第二图层的透明度变化也是一个动态变化的过程。如：显示界面需要显示目标原图时，在预设时长内，第二图层的透明度可以慢慢减小，同时第一图层的透明度可以慢慢增大。使得第一裁剪图缓慢的从第一显示区域消失，而目标原图则缓慢的在第二显示区域显示出来。再如，也可以在预设时长内，将第二图层的透明度按照匀速线性的方式减小，而将第一图层的透明度按照匀速线性的方式增大。从而可以使得裁剪图与目标原图之间的切换过程是动态的过程，并可以进一步的增大用户的浏览体验。

需要说明的是，在本申请实施例中，对于第一图层的透明度以及第二图层的透明度的变化方式并不进行限定，仅需根据实际应用场景进行合理得到设定即可。

在一些实施例中，当在第二显示区域，显示上述目标原图之后，上述方法还包括：响应于检测到预定义的图片缩小操作，在预设第二时长内，至少一次增大上述第二图层的透明度得到第二图层的增大后透明度，以及至少一次减小第一图层的透明度得到第一图层的减小后透明度，以及在第一显示区域，显示第一裁剪图；其中，上述第二图层的增大后透明度，大于上述第一图层的减小后透明度。

也即，在本申请实施例中，当检测到用户进行的图片缩小操作时，可以将第二图层的透明度增大，将第一图层的透明度减小，以显示第一裁剪图。也即，在预设时长内，可以将第二图层的透明度按照匀速线性的方式增大，而将第一图层的透明度按照匀速线性的方式减小；或者一次性的将第二图层的透明度增大到某一值，并将第一图层的透明度一次性的减小到某一值。而由于该过程可以与上述介绍显示界面显示目标原图的过程相反，为了说明书的简洁，在此不再进行赘述。

请参阅图4，其示出了根据本公开图片的显示方法的另一个实施例流程图，包括：步骤401-步骤406。

其中，步骤401、步骤402、以及步骤403的实现细节可以参考上述对步骤101、步骤102和步骤103的说明，为使说明书的简洁，在此不再进行赘述。

步骤404，响应于确定上述第一显示区域能显示上述目标原图，确定上述目标原图的形状与上述第一显示区域的形状是否匹配。

在一些实施例中，目标原图的尺寸可能小于第一显示区域的尺寸(换言之，目标原图的像素数量小于第一显示区域所能显示的最大像素数量)。若此时直接将目标原图在第一显示区域进行显示时，则会使得目标原图仅能在第一显示区域的部分位置进行显示，也即，第一显示区域可能会有一部分区域处于空白(无内容进行显示)。

因此，在一些实施例中，当确定第一显示区域能显示目标原图时，会进一步对第一显示区域的形状与目标原图的形状进行匹配。根据匹配结果调整目标原图，以使第一显示区域内均有图像进行显示。而根据匹配结果调整目标原图具体可以包括：步骤405与步骤406。

需要说明的是，在此实施例中，若第一显示区域的边界形状与目标原图的边界形状相同时，则可以表征第一显示区域的形状与目标原图的形状相匹配，反之，则不匹配。当第一显示区域的形状与目标原图的形状相匹配时，可能出现以下情况：目标原图在第一显示区域可以完全显示，且第一显示区域也几乎全部有图像进行显示；或者，目标原图在第一显示区域可以完全显示，但是第一显示区域的较多区域没有图像可显示。

步骤405，响应于确定匹配，在上述第一显示区域显示上述目标原图或者第一放大图。

在这里，上述第一放大图是对上述目标原图放大得到的。

在一些实施例中，当第一显示区域的形状与目标原图的形状匹配时，且目标原图的尺寸与第一显示区域的尺寸也相同或相差在预设阈值内时，可以直接在第一显示区域显示目标原图。因为，此时目标原图在第一显示区域不仅能完全显示，且第一显示区域也几乎全部有图像进行显示。当然，上述预设阈值可以根据实际情况进行设定，在此实施例中并不进行限定。

在一些实施例中，当第一显示区域的形状与目标原图的形状匹配，但目标原图的尺寸与第一显示区域的尺寸相差在预设阈值外时，则需要将目标原图放大，获得第一放大图。其中，第一放大图的尺寸与目标原图的尺寸相匹配，可以使得第一放大图在第一显示区域进行显示时，第一显示区域内均有图像进行显示。

步骤406，响应于确定不匹配，获得处理后图片，以及在上述第一显示区域显示上述处理后图片。

在这里，上述处理后图片基于对目标原图进行以下处理得到的：放大和裁剪。

在一些实施例中，当第一显示区域的形状与目标原图的形状不同时，则需要对目标原图进行处理，以使第一显示区域在显示处理后图片时，第一显示区域内均有图像显示。

在一些实施例中，对目标原图进行处理的方式可以包括(处理后的图片可以通过以下方式获得)：对上述目标原图进行放大，以及基于上述第一显示区域的形状，对放大后的目标原图进行裁剪，得到上述处理后图片。

在一些实施例中，对目标原图进行处理的方式可以包括(处理后的图片可以通过以下方式获得)：基于上述第一显示区域的形状对上述目标原图进行裁剪，以及对裁剪后的目标原图进行放大，得到上述处理后图片。

在一些实施例中，第一显示区域的形状可能与目标原图的形状不同。因此，为了使在第一显示区域进行显示的图像不会变形，在一些实施例中，可以先将目标原图进行等比放大，获得第二放大图。换言之，若目标原图的长宽比是3:1，则第二放大图的长宽比也是3:1。而第二放大图的形状也与第一显示区域的形状不同，若直接将第二放大图在第一显示区域进行显示也会造成显示图像的变形。因此，在获得第二放大图之后，会根据第一显示区域的形状对第二放大图进行裁剪，获得第二裁剪图(也即处理后图片)。而此时获得的处理后的图片在形状上与第一显示区域相同，从而使得第一显示区域在对处理后的图片进行显示时不会出现图像变形的情况。

在一些实施例中，也可以先基于第一显示区域的形状对目标原图进行裁剪，得到第三裁剪图。需要说明的是，在理论上，目标原图中可以裁剪出无数个与第一显示区域形状相同的图片。在此实施例中，为了使第一显示区域进行显示的图片能较好的表征出目标原图，在对目标原图进行裁剪获得第三裁剪图时，可以将第三裁剪图裁剪得相对较大一点，以使第三裁剪图中包含的内容较多一点。虽然，第三裁剪图的形状与第一显示区域的形状相同，但是，第三裁剪图的尺寸小于第一显示区域。因此，还需要对第三裁剪图放大至与第一显示区域的尺寸相匹配，得到第三放大图(也即处理后图片)，并在第一显示区域进行显示。

可以看出，在本申请的一些实施例中，当第一显示区域能显示目标原图时，还会对目标原图与第一显示区域的尺寸与形状进行判断，当目标原图的尺寸和/或形状与第一显示区域不匹配时，会对目标原图进行处理(放大和/或裁剪)，获得处理后图片，以使第一显示区域显示处理后图片，进而使得在第一显示区域进行显示的图像不会变形，从而可以实现较好的显示效果。

请参考图5，作为对上述各图所示方法的实现，本公开提供了一种图片的显示装置的一个实施例，该装置具体可以应用于各种电子设备中。

如图5所示，本申请实施例的图片的显示装置包括：确定单元501，用于确定第一显示区域能否显示目标原图；第一响应单元502，用于响应于确定上述第一显示区域不能显示上述目标原图，获得上述目标原图的第一裁剪图，其中，上述第一裁剪图是对上述目标原图进行裁剪得到的；显示单元503，用于在上述第一显示区域，显示上述第一裁剪图。

在本实施例中，图片的显示装置的确定单元501、第一响应单元502和显示单元503的具体处理及其所带来的技术效果可分别参考图1对应实施例中步骤101、步骤102和步骤103的相关说明，在此不再赘述。

在一些实施例中，在上述第一显示区域，显示上述第一裁剪图之后，上述装置还包括：第二响应单元504，用于响应于检测到预定义的图片放大操作，在第二显示区域，显示上述目标原图；其中，上述第二显示区域覆盖上述第一显示区域。

在一些实施例中，上述第一显示区域位于第一图层，第二显示区域位于第二图层；以及上述第二响应单元504还用于响应于检测到上述图片放大操作，在第一预设时长内，至少一次减小上述第二图层的得到所述第二图层的减小后透明度，至少一次增大所述第一图层的透明度得到所述第一图层的增大后透明度，以及在所述第二显示区域，显示所述目标原图，其中，上述第二图层得到减小后透明度，小于上述第一图层的增大后透明度。

在一些实施例中，上述第一显示区域，显示上述裁剪图之后，上述装置还包括：第三响应单元505，用于响应于检测到预定义的图片缩小操作，在第二预设时长内，至少一次增大上述第二图层的得到所述第二图层的增大后透明度，至少一次减小所述第一图层的透明度得到所述第一图层的减小后透明度，以及在所述第一显示区域，显示所述第一裁剪图；其中，上述第二图层的增大后透明度，大于上述第一图层得的减小后透明度。

在一些实施例中，在确定第一显示区域能否显示目标原图之后，上述装置还包括：上述第一响应单元502还用于响应于确定上述第一显示区域能显示上述目标原图，确定上述目标原图的形状与上述第一显示区域的形状是否匹配；第四响应单元506，用于响应于确定匹配，在上述第一显示区域显示上述目标原图或者第一放大图，其中，上述第一放大图是对上述目标原图放大得到的；上述第四响应单元506还用于响应于确定不匹配，获得处理后图片，以及在上述第一显示区域显示上述处理后图片，其中，上述处理后图片基于对目标原图进行以下处理得到的：放大和裁剪。

在一些实施例中，上述第四响应单元506还用于对上述目标原图进行放大，以及基于上述第一显示区域的形状，对放大后的目标原图进行裁剪，得到上述处理后图片；或者基于上述第一显示区域的形状对上述目标原图进行裁剪，以及对裁剪后的目标原图进行放大，得到上述处理后图片。

请参考图6，图6示出了本公开的一个实施例的图片的显示方法可以应用于其中的示例性系统架构。

如图6所示，系统架构可以包括终端设备601、602、603，网络604，服务器605。网络604用以在终端设备601、602、603和服务器605之间提供通信链路的介质。网络604可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

终端设备601、602、603可以通过网络604与服务器605交互，以接收或发送图片信息等。终端设备601、602、603上可以安装有各种客户端应用，例如网页浏览器应用、搜索类应用、新闻资讯类应用。终端设备601、602、603中的客户端应用可以接收用户的指令，并根据用户的指令完成相应的功能，例如根据用户的指令在信息中添加相应信息。

终端设备601、602、603可以是硬件，也可以是软件。当终端设备601、602、603为硬件时，可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。当终端设备601、602、603为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块)，也可以实现成单个软件或软件模块。在此不做具体限定。

服务器605可以是提供各种服务的服务器，例如接收终端设备601、602、603发送的信息获取请求，根据信息获取请求通过各种方式获取信息获取请求对应的展示信息。并展示信息的相关数据发送给终端设备601、602、603。

需要说明的是，本公开实施例所提供的图片的显示方法可以由终端设备执行，相应地，图片的显示装置可以设置在终端设备601、602、603中。此外，本公开实施例所提供的图片的显示方法还可以由服务器605执行，相应地，图片的显示装置可以设置于服务器605中。

应该理解，图6中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图7，其示出了适于用来实现本公开实施例的电子设备(例如图6中的终端设备或服务器)的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图7示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图7所示，电子设备可以包括处理装置(例如中央处理器、图形处理器等)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有电子设备700操作所需的各种程序和数据。处理装置701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。

通常，以下装置可以连接至I/O接口705：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707；包括例如磁带、硬盘等的存储装置708；以及通信装置709。通信装置709可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置709从网络上被下载和安装，或者从存储装置708被安装，或者从ROM 702被安装。在该计算机程序被处理装置701执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：响应于确定上述第一显示区域不能显示上述目标原图，获得上述目标原图的第一裁剪图，其中，上述第一裁剪图是对上述目标原图进行裁剪得到的；在上述第一显示区域，显示上述第一裁剪图。也即，第一裁剪图中的内容与目标原图中的内容尺寸比例是相同的，使得第一显示区域对第一裁剪图进行显示时，不会出现变形的情况。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，确定单元还可以被描述为“用于确定第一显示区域能否显示目标原图的单元”。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (14)

1.一种图片的显示方法，其特征在于，包括：

确定第一显示区域能否显示目标原图；

响应于确定所述第一显示区域不能显示所述目标原图，获得所述目标原图的第一裁剪图，其中，所述第一裁剪图是对所述目标原图进行裁剪得到的；

在所述第一显示区域，显示所述第一裁剪图。

2.根据权利要求1所述的方法，其特征在于，在所述第一显示区域，显示所述第一裁剪图之后，所述方法还包括：

响应于检测到预定义的图片放大操作，在第二显示区域，显示所述目标原图；其中，所述第二显示区域覆盖所述第一显示区域。

3.根据权利要求2所述的方法，其特征在于，所述第一显示区域位于第一图层，所述第二显示区域位于第二图层；以及

所述响应于检测到预定义的图片放大操作，在所述第二显示区域，显示所述目标原图，包括：

响应于检测到所述图片放大操作，在第一预设时长内，至少一次减小所述第二图层的透明度得到所述第二图层的减小后透明度，至少一次增大所述第一图层的透明度得到所述第一图层的增大后透明度，以及在所述第二显示区域，显示所述目标原图，其中，所述第二图层的减小后透明度，小于所述第一图层的增大后透明度。

4.根据权利要求3所述的方法，其特征在于，在所述第二显示区域，显示所述目标原图之后，所述方法还包括：

响应于检测到预定义的图片缩小操作，在第二预设时长内，至少一次增大所述第二图层的透明度得到所述第二图层的增大后透明度，至少一次减小所述第一图层的透明度得到所述第一图层的减小后透明度，以及在所述第一显示区域，显示所述第一裁剪图，其中，所述第二图层的增大后透明度，大于所述第一图层的减小后透明度。

5.根据权利要求1所述的方法，其特征在于，在确定第一显示区域能否显示目标原图之后，所述方法还包括：

响应于确定所述第一显示区域能显示所述目标原图，确定所述目标原图的形状与所述第一显示区域的形状是否匹配；

响应于确定匹配，在所述第一显示区域显示所述目标原图或者第一放大图，其中，所述第一放大图是对所述目标原图放大得到的；

响应于确定不匹配，获得处理后图片，以及在所述第一显示区域显示所述处理后图片，其中，所述处理后图片基于对所述目标原图进行以下处理得到的：放大和裁剪。

6.根据权利要求5所述的方法，其特征在于，所述处理后图片通过以下方式获得：

对所述目标原图进行放大，以及基于所述第一显示区域的形状，对放大后的目标原图进行裁剪，得到所述处理后图片；或者

基于所述第一显示区域的形状对所述目标原图进行裁剪，以及对裁剪后的目标原图进行放大，得到所述处理后图片。

7.一种图片的显示装置，其特征在于，包括：

确定单元，用于确定第一显示区域能否显示目标原图；

第一响应单元，用于响应于确定所述第一显示区域不能显示所述目标原图，获得所述目标原图的第一裁剪图，其中，所述第一裁剪图是对所述目标原图进行裁剪得到的；

显示单元，用于在所述第一显示区域，显示所述第一裁剪图。

8.根据权利要求7所述的装置，其特征在于，在所述第一显示区域，显示所述第一裁剪图之后，所述装置还包括：

第二响应单元，用于响应于检测到预定义的图片放大操作，在第二显示区域，显示所述目标原图；其中，所述第二显示区域覆盖所述第一显示区域。

9.根据权利要求8所述的装置，其特征在于，所述第一显示区域位于第一图层，所述第二显示区域位于第二图层；以及

所述第二响应单元还用于响应于：检测到所述图片放大操作，在第一预设时长内，至少一次减小所述第二图层的透明度得到所述第二图层的减小后透明度，至少一次增大所述第一图层的透明度得到所述第一图层的增大后透明度，以及在所述第二显示区域，显示所述目标原图，其中，所述第二图层的减小后透明度，小于所述第一图层的增大后透明度。

10.根据权利要求9所述的装置，其特征在于，所述第一显示区域，显示所述裁剪图之后，所述装置还包括：

第三响应单元，用于：响应于检测到预定义的图片缩小操作，在第二预设时长内，至少一次增大所述第二图层的透明度得到所述第二图层的增大后透明度，至少一次减小所述第一图层的透明度得到所述第一图层的减小后透明度，以及在所述第一显示区域，显示所述第一裁剪图；其中，所述第二图层的增大后透明度，大于所述第一图层的减小后透明度。

11.根据权利要求7所述的装置，其特征在于，在确定第一显示区域能否显示目标原图之后，所述装置还包括：

所述第一响应单元还用于：响应于确定所述第一显示区域能显示所述目标原图，确定所述目标原图的形状与所述第一显示区域的形状是否匹配；

第四响应单元，用于：响应于确定匹配，在所述第一显示区域显示所述目标原图或者第一放大图，其中，所述第一放大图是对所述目标原图放大得到的；

所述第四响应单元还用于：响应于确定不匹配，获得处理后图片，以及在所述第一显示区域显示所述处理后图片，其中，所述处理后图片基于对所述目标原图进行以下处理得到的：放大和裁剪。

12.根据权利要求11所述的装置，其特征在于，所述第四响应单元还用于对所述目标原图进行放大，以及基于所述第一显示区域的形状，对放大后的目标原图进行裁剪，得到所述处理后图片；或者

基于所述第一显示区域的形状对所述目标原图进行裁剪，以及对裁剪后的目标原图进行放大，得到所述处理后图片。

13.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。

14.一种计算机可读介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-6中任一所述的方法。

Images