局部放大图片的交互方法及装置与流程

本说明书实施例涉及图片处理技术领域，具体地，涉及一种局部放大图片的交互方法及装置。

背景技术：

当人们需要对图片的局部进行介绍时，通常会对相应的局部区域进行圈选、高亮处理或放大处理，以凸显该局部区域。其中对图片的局部进行放大处理，还有助于观察局部细节。

然而，在使用现有图片处理软件中提供的局部放大功能的过程中，局部放大后的图像除了会遮盖被放大显示的原图局部区域，还会遮盖住原图局部区域的邻近区域，导致用户忽视邻近区域中的原图内容。因此，需要一种合理的局部放大图片的交互方法，以满足用户的多种需求。

技术实现要素：

本说明书描述了一种局部放大图片的交互方法，使用户可以对局部放大的显示区域进行拖拽，从而避免局部放大区域干扰到用户对原图的观察，进而避免用户遗漏图片中的重要细节。

根据第一方面，提供一种局部放大图片的交互方法，该方法包括：响应于对图片的局部放大指令，确定所述图片中需要放大的原图局部区域，并在所述原图局部区域的位置形成放大局部区域，在所述放大局部区域中放大显示所述原图局部区域中的图片内容；响应于对所述放大局部区域的移动指令，移动所述放大局部区域；当移动后的放大局部区域未覆盖所述原图局部区域时，关联显示移动后的放大局部区域和所述原图局部区域。

在一个实施例中，其中所述确定所述图片中需要放大的原图局部区域，包括：接收用户选定的选定区域，并将所述选定区域作为所述原图局部区域；或者，基于预设的区域形状参数，确定以当前光标所在的位置为区域中心的原图局部区域。

在一个实施例中，其中所述放大局部区域与所述原图局部区域的面积比值为放大倍数。

进一步地，根据一个具体的实施例，还包括在放大倍数不变的模式下：

响应于对所述放大局部区域的放大/缩小指令，放大/缩小所述放大局部区域，并以相同的比例放大/缩小所述原图局部区域；和/或

响应于对所述原图局部区域的放大/缩小指令，放大/缩小所述原图局部区域，并以相同的比例放大/缩小所述放大局部区域。

根据另一个具体的实施例，还包括在放大局部区域的面积不变的模式下：

响应于对所述原图局部区域的放大/缩小指令，放大/缩小所述原图局部区域，并以减小/增加后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容；和/或

响应于对所述放大倍数的增加/减小指令，缩小/放大所述原图局部区域，并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容。

根据又一个具体的实施例，还包括在原图局部区域的面积不变的模式下：

响应于对所述放大局部区域的放大/缩小指令，放大/缩小所述放大局部区域，并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容；和/或

响应于对所述放大倍数的增加/减小指令，放大/缩小所述放大局部区域，并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容。

在一个实施例中，其中所述原图局部区域和放大局部区域具有相同的形状，所述形状为圆形或正方形。

在一个实施例中，还包括：响应于对所述原图局部区域的移动指令，移动所述原图局部区域，并在所述放大局部区域中放大显示移动后的原图局部区域中的图片内容。

在一个实施例中，其中所述关联显示移动后的放大局部区域和所述原图局部区域，包括：显示所述原图局部区域的边界。

在一个实施例中，其中所述关联显示移动后的放大局部区域和所述原图局部区域，包括：显示所述原图局部区域的中心点。

进一步地，根据一个具体的实施例，还包括：当光标移动至所述原图局部区域以内时，隐藏所述中心点，并显示所述原图局部区域的边界；当光标移动至所述原图局部区域以外时，隐藏所述边界，并显示所述中心点。

在一个实施例中，其中所述关联显示移动后的放大局部区域和所述原图局部区域，包括：通过连接元素连接所述放大局部区域和所述原图局部区域。

进一步地，根据一个具体的实施例，其中所述连接元素为线段。

根据另一个具体的实施例，其中所述原图局部区域和所述放大局部区域的形状为圆形；所述连接元素为：所述原图局部区域和所述放大局部区域之间的两条切线，或者，由所述两条切线、所述原图局部区域的圆周线和所述放大局部区域的圆周线所围成的区域。

根据第二方面，提供另一种局部放大图片的交互方法，该方法包括：响应于对图片的局部放大指令，确定所述图片中需要放大的原图局部区域，并显示所述原图局部区域，以及在所述原图局部区域以外的位置形成放大局部区域，并在所述放大局部区域中放大显示所述原图局部区域中的图片内容。

根据第三方面，提供一种局部放大图片的交互装置，该装置包括：确定单元，用于响应于对图片的局部放大指令，确定所述图片中需要放大的原图局部区域，并在所述原图局部区域的位置形成放大局部区域，在所述放大局部区域中放大显示所述原图局部区域中的图片内容；移动单元，用于响应于对所述放大局部区域的移动指令，移动所述放大局部区域；显示单元，用于当移动后的放大局部区域未覆盖所述原图局部区域时，关联显示移动后的放大局部区域和所述原图局部区域。

根据第四方面，提供另一种局部放大图片的交互装置，该装置包括：确定单元，用于响应于对图片的局部放大指令，确定所述图片中需要放大的原图局部区域，并显示所述原图局部区域，以及在所述原图局部区域以外的位置形成放大局部区域；显示单元，用于在所述放大局部区域中放大显示所述原图局部区域中的图片内容。

根据第五方面，提供了一种计算机可读存储介质，其上存储有计算机程序，当所述计算机程序在计算机中执行时，令计算机执行第一方面或第二方面的方法。

根据第六方面，提供了一种计算设备，包括存储器和处理器，其特征在于，所述存储器中存储有可执行代码，所述处理器执行所述可执行代码时，实现第一方面或第二方面的方法。

采用本说明书实施例披露的局部放大图片的交互方法，可以对原图局部区域进行放大显示，并使用户可以通过将放大局部区域，即，用于放大显示原图局部区域中图片内容的区域，拖拽至图片中的其他位置，以使放大局部区域不会遮盖住原图局部区域附近的重要内容，进而方便用户观察，以及防止重要细节的遗漏。

附图说明

为了更清楚地说明本说明书披露的多个实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书披露的多个实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1示出根据一个例子的局部放大图片的界面示意图；

图2示出基于图1的变化后的局部放大图片的界面示意图；

图3示出根据一个实施例的局部放大图片的交互方法流程图；

图4示出根据一个实施例的局部放大区域的边界显示示意图；

图5示出根据一个实施例的局部放大区域的中心点显示示意图；

图6示出根据一个实施例的局部放大图片的界面变化示意图；

图7示出根据一个实施例的局部放大图片中连接元素示意图；

图8示出根据另一个实施例的局部放大图片中连接元素示意图；

图9示出根据一个实施例的局部放大图片的界面变化示意图；

图10示出根据一个实施例的局部放大图片的界面变化示意图；

图11示出根据一个实施例的局部放大图片的界面变化示意图；

图12示出根据一个实施例的局部放大图片的界面变化示意图；

图13示出根据另一个实施例的局部放大图片的交互方法流程图；

图14示出根据一个实施例的局部放大图片的交互装置结构图；

图15示出根据另一个实施例的局部放大图片的交互装置结构图。

具体实施方式

下面结合附图，对本说明书披露的多个实施例进行描述。

本说明书实施例披露了一种局部放大图片的交互方法，此方法可以应用于终端设备(如，手机、电脑等)中。

目前，大部分图片处理软件都提供了局部放大功能，以使用户可以对图片中的局部区域进行放大查看，从而获取相应的细节信息，例如，图1中示出通过放大镜元件对图片局部区域进行放大显示。然而，在使用现有的局部放大功能时，用于显示放大后图像的区域会遮盖其所在位置的原图区域，当原图区域中的内容还有其他重要细节的时候，这部分细节可能会被忽视。

基于以上观察，本说明书实施例提供了一种局部放大图片的交互方法，可以对原图局部区域进行放大显示，并使用户可以通过将放大局部区域，即，用于放大显示原图局部区域中图片内容的区域，拖拽至图片中的其他位置，以使放大局部区域不会遮盖住原图局部区域附近的重要内容，进而方便用户观察，以及防止重要细节的遗漏。

根据一个具体的例子，如图2所示，基于所述交互方法，可以使用户能够将原本覆盖在原图局部区域a之上的放大局部区域a′，移动至图片中左上侧的位置，从而避免区域a′对原图中山体的遮挡。下面描述所述方法的具体实施步骤。

图3示出根据一个实施例的局部放大图片的交互方法流程图，所述方法的执行主体可以为图片处理工具：如系统软件或应用软件等。如图3所示，该方法流程包括以下步骤：步骤s310，响应于对图片的局部放大指令，确定图片中需要放大的原图局部区域，并在原图局部区域的位置形成放大局部区域，在放大局部区域中放大显示原图局部区域中的图片内容；步骤s320，响应于对放大局部区域的移动指令，移动放大局部区域；步骤s330，当移动后的放大局部区域未覆盖原图局部区域时，关联显示移动后的放大局部区域和原图局部区域。

首先，在步骤s310，响应于对图片的局部放大指令，确定图片中需要放大的原图局部区域，并在原图局部区域的位置形成放大局部区域，在放大局部区域中放大显示原图局部区域中的图片内容。

在一个实施例中，局部放大指令可以对应于多种操作方式。在一个例子中，操作方式可以包括对局部放大工具，例如，放大镜元件，的点击操作。在另一个实施例中，操作方式可以包括输入文字指令，或输入声控指令，如“局部放大图片”等。

在一个实施例中，响应于局部放大指令，可以自动确定出图片中需要放大的原图局部区域。在一个具体的实施例中，可以基于预设的区域形状参数，确定以当前光标所在位置为区域中心的原图局部区域。在一个例子中，其中区域形状参数的单位可以为像素。在一个例子中，可以将原图局部区域设置为中心对称图形，例如，圆形、正方形等，则对应的区域形状参数可以为中心对称图形的形状参数，例如，圆形的半径、正方形的边长等。在另一个实施例中，响应于局部放大指令，可以接收用户选定的选定区域，并将选定区域作为原图局部区域。在一个例子中，可以接收用户圈选出的圆形区域，并将此圆形区域作为原图局部区域。在另一个例子中，可以接收用户框选出的正方形区域，并将此正方形区域作为原图局部区域。

在以上确定出图片中需要放大的原图局部区域后，可以在原图局部区域的位置形成放大局部区域，放大局部区域用于放大显示原图局部区域中的图片内容。在一个实施例中，在原图局部区域的位置形成放大局部区域，可以包括基于预设的放大倍数，形成覆盖原图局部区域的放大局部区域。在一个例子中，放大局部区域可以具有与原图局部区域相同的形状，例如，圆形或正方形。在一个例子中，可以将原图局部区域的区域中心所在的位置确定为放大局部区域的区域中心位置。在一个例子中，可以将原图局部区域的面积与放大倍数的乘积作为放大局部区域的面积。根据一个具体的例子，放大局部区域可以为图1中示出的圆形区域。

由上可以确定出放大局部区域，接着，在步骤s320，响应于对放大局部区域的移动指令，移动放大局部区域。

在一个实施例中，移动指令对应的操作方式可以为放大局部区域的拖拽操作。响应于对放大局部区域的移动指令，可以将放大局部区域移动至图片中的任意位置。

然后，在步骤s330，当移动后的放大局部区域未覆盖原图局部区域时，关联显示移动后的放大局部区域和原图局部区域。

其中对于原图局部区域的显示，在一个实施例中，可以显示原图局部区域的边界。在一个例子中，如图4所示，原图局部区域a为圆形，相应地可以显示出其圆周线。在另一个例子中，原图局部区域b为正方形，相应地可以显示出其四条边线。在另一个实施例中，可以显示出原图局部区域的中心点，例如，图5中示出的中心点。在又一个实施例中，可以根据光标与原图局部区域的相对位置，对原图局部区域的边界或中心点进行选择性显示。进一步地，在一个具体的实施例中，当光标在原图局部区域以外时，显示原图局部区域的中心点；以及，当光标在原图局部区域以内时，显示原图局部区域的边界。根据一个具体的例子，如图6所示，当光标在原图局部区域以内(此时光标被隐藏显示)时，显示出对应的圆周线，而当光标移动至原图局部区域以外时，隐藏圆周线，并显示出圆心所在的点。

在一个实施例中，关联显示移动后的放大局部区域和原图局部区域，可以包括通过连接元素对这两个区域进行连接。在一个例子中，连接元素可以为线段，例如，可以为图6中示出的线段。在另一个例子中，放大局部区域和原图局部区域为圆形，二者的连接元素可以为两者之间的两条切线，例如，图7中示出的两条切线，或者，二者的连接元素还可以为前述两条切线，以及两者的圆周线所围成的区域，例如，图8中示出的连接区域。

以上，可以实现放大局部区域与原图局部区域进行分离显示，从而避免放大局部区域遮挡原图局部区域附近的重要细节。

进一步地，在步骤s230之后，还可以对原图局部区域的位置进行调整。根据一个具体的实施例，响应于对原图局部区域的移动指令，移动原图局部区域，并在放大局部区域中放大显示移动后的原图局部区域中的图片内容。也就是说，可以通过移动原图局部区域，对原图中的不同局部进行放大显示，同时，考虑到用户体验，放大局部区域的在图片中的位置可以不随原图局部区域的移动而改变。根据一个具体的例子，如图9所示，可以在放大局部区域中显示移动后的原图局部区域中的图片内容。

此外，在步骤s230之后，还可以分别对放大倍数、放大局部区域的大小和原图局部区域的大小进行调整。可以理解，放大局部区域与原图局部区域的面积比值为放大倍数。在一个实施例中，可以提供固定放大倍数、固定原图局部区域大小、固定放大局部区域大小等多种模式供用户操作选择。

在一个具体的实施例中，在放大倍数不变的模式下，放大局部区域和原图局部区域会以相同的比例缩放，并在放大局部区域中以不变的放大倍数显示原图局部区域中的图片内容。更具体地，响应于对放大局部区域的放大/缩小指令，放大/缩小所述放大局部区域，并以相同的比例放大/缩小所述原图局部区域；或者，响应于对原图局部区域的放大/缩小指令，放大/缩小所述原图局部区域，并以相同的比例放大/缩小所述放大局部区域。根据一个具体的例子，如图10所示，在放大倍数不变的情况下，响应于对放大局部区域的放大指令，放大所述放大局部区域，随之以相同的比例放大原图局部区域。

在另一个具体的实施例中，在放大局部区域的面积不变的模式下，原图局部区域的面积和放大倍数负相关。更具体地，响应于对原图局部区域的放大/缩小指令，放大/缩小原图局部区域，并以减小/增加后的放大倍数在放大局部区域中显示原图局部区域中的图片内容；或者，响应于对放大倍数的增加/减小指令，缩小/放大原图局部区域，并以增加/减小后的放大倍数在放大局部区域中显示所述原图局部区域中的图片内容。根据一个具体的例子，如图11所示，在放大局部区域的面积不变的模式下，缩小原图局部区域，随之以增加后的放大倍数在放大局部区域中显示原图局部区域中的图片内容。

在又一个具体的实施例中，在原图局部区域的面积不变的模式下，放大局部区域的面积和放大倍数正相关。更具体地，响应于对放大局部区域的放大/缩小指令，放大/缩小所述放大局部区域，并以增加/减小后的放大倍数在放大局部区域中显示原图局部区域中的图片内容；或者，响应于对放大倍数的增加/减小指令，放大/缩小所述放大局部区域，并以增加/减小后的放大倍数在放大局部区域中显示原图局部区域中的图片内容。根据一个具体的例子，如图12所示，在原图局部区域的面积不变的模式下，响应于对放大倍数的增加指令，以增加后的放大倍数在放大局部区域中显示原图局部区域中的图片内容。

由上，通过使用本说明书实施例提供的局部放大图片的交互方法，可以对原图局部区域进行放大显示，并使用户可以通过将放大局部区域拖拽至图片中的其他位置，以使放大局部区域不会遮盖住原图局部区域附近的重要内容，进而方便用户观察，以及防止重要细节的遗漏。

根据另一方面的实施例，本说明书还提供另一种局部放大图片的交互方法。图13示出根据另一个实施例的局部放大图片的交互方法流程图，所述方法的执行主体可以为图片处理工具：如系统软件或应用软件等。如图13所示，该方法流程包括以下步骤：

步骤s131，响应于对图片的局部放大指令，确定所述图片中需要放大的原图局部区域，并显示所述原图局部区域，以及在原图局部区域以外的位置形成放大局部区域，并在放大局部区域中放大显示所述原图局部区域中的图片内容。

需要说明的是，本实施例与图3示出的实施例的主要区别在于，在本实施例中，响应于对图片的局部放大指令，直接对确定出的原图局部区域和放大局部区域进行分离显示，而不是将放大局部区域覆盖在原图局部区域上。此外，对本实施例的描述可以参见对图3中示出的实施例进行的相关描述，在此不作赘述。

根据又一方面的实施例，本说明书还提供一种局部放大图片的交互装置。如图14所示，该装置1400包括：确定单元1410，用于响应于对图片的局部放大指令，确定所述图片中需要放大的原图局部区域，并在所述原图局部区域的位置形成放大局部区域，在所述放大局部区域中放大显示所述原图局部区域中的图片内容；移动单元1420，用于响应于对所述放大局部区域的移动指令，移动所述放大局部区域；显示单元1430，用于当移动后的放大局部区域未覆盖所述原图局部区域时，关联显示移动后的放大局部区域和所述原图局部区域。

在一个实施例中，确定单元1410具体用于：

接收用户选定的选定区域，并将所述选定区域作为所述原图局部区域；或者，

基于预设的区域形状参数，确定以当前光标所在的位置为区域中心的原图局部区域。

在一个实施例中，所述放大局部区域与所述原图局部区域的面积比值为放大倍数。

进一步地，根据一个具体的实施例，该装置还包括缩放单元1440，用于在放大倍数不变的模式下：

响应于对所述放大局部区域的放大/缩小指令，放大/缩小所述放大局部区域，并以相同的比例放大/缩小所述原图局部区域；和/或

响应于对所述原图局部区域的放大/缩小指令，放大/缩小所述原图局部区域，并以相同的比例放大/缩小所述放大局部区域。

根据另一个具体的实施例，该装置还包括缩放单元1440，用于在放大局部区域的面积不变的模式下：

响应于对所述原图局部区域的放大/缩小指令，放大/缩小所述原图局部区域，并以减小/增加后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容；和/或

响应于对所述放大倍数的增加/减小指令，缩小/放大所述原图局部区域，并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容。

根据又一个具体的实施例，该装置还包括缩放单元1440，用于在原图局部区域的面积不变的模式下：

响应于对所述放大局部区域的放大/缩小指令，放大/缩小所述放大局部区域，并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容；和/或

响应于对所述放大倍数的增加/减小指令，放大/缩小所述放大局部区域，并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容。

在一个实施例中，其中所述原图局部区域和放大局部区域具有相同的形状，所述形状为圆形或正方形。

在一个实施例中，所述移动单元1420还用于：响应于对所述原图局部区域的移动指令，移动所述原图局部区域，并在所述放大局部区域中放大显示移动后的原图局部区域中的图片内容。

在一个实施例中，所述显示单元1430具体用于：示所述原图局部区域的边界。

在一个实施例中，所述显示单元1430具体用于：显示所述原图局部区域的中心点。

进一步地，根据一个具体的实施例，所述显示单元1430还用于：

当光标移动至所述原图局部区域以内时，隐藏所述中心点，并显示所述原图局部区域的边界；

当光标移动至所述原图局部区域以外时，隐藏所述边界，并显示所述中心点。

在一个实施例中，所述显示单元1430具体用于：通过连接元素连接所述放大局部区域和所述原图局部区域。

进一步地，根据一个具体的实施例，其中所述连接元素为线段。

根据另一个具体的实施例，其中所述原图局部区域和所述放大局部区域的形状为圆形；所述连接元素为：所述原图局部区域和所述放大局部区域之间的两条切线，或者，由所述两条切线、所述原图局部区域的圆周线和所述放大局部区域的圆周线所围成的区域。

在一个实施例中，上述局部放大图片的交互装置体现为系统软件的一部分，例如系统软件中的工具。在另一实施例中，上述局部放大图片的交互装置体现为应用软件或app中的插件或工具，上述应用软件或app可以是社交软件、图片处理软件等。

总之，采用本说明书实施例提供的局部放大图片的交互装置，可以对原图局部区域进行放大显示，并使用户可以通过将放大局部区域拖拽至图片中的其他位置，以使放大局部区域不会遮盖住原图局部区域附近的重要内容，进而方便用户观察，以及防止重要细节的遗漏。

根据又一方面的实施例，本说明书还提供一种局部放大图片的交互装置。如图15所示，该装置1500包括：确定单元1510，用于响应于对图片的局部放大指令，确定所述图片中需要放大的原图局部区域，并显示所述原图局部区域，以及在所述原图局部区域以外的位置形成放大局部区域；显示单元1520，用于在所述放大局部区域中放大显示所述原图局部区域中的图片内容。

如上，根据再一方面的实施例，还提供一种计算机可读存储介质，其上存储有计算机程序，当所述计算机程序在计算机中执行时，令计算机执行结合图3或图13所描述的方法。

根据再一方面的实施例，还提供一种计算设备，包括存储器和处理器，所述存储器中存储有可执行代码，所述处理器执行所述可执行代码时，实现结合图3或图13所描述的方法。

本领域技术人员应该可以意识到，在上述一个或多个示例中，本说明书披露的多个实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时，可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。

以上所述的具体实施方式，对本说明书披露的多个实施例的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本说明书披露的多个实施例的具体实施方式而已，并不用于限定本说明书披露的多个实施例的保护范围，凡在本说明书披露的多个实施例的技术方案的基础之上，所做的任何修改、等同替换、改进等，均应包括在本说明书披露的多个实施例的保护范围之内。