CN109324736A - 局部放大图片的交互方法及装置 - Google Patents

局部放大图片的交互方法及装置 Download PDF

Info

Publication number
CN109324736A
CN109324736A CN201811015484.1A CN201811015484A CN109324736A CN 109324736 A CN109324736 A CN 109324736A CN 201811015484 A CN201811015484 A CN 201811015484A CN 109324736 A CN109324736 A CN 109324736A
Authority
CN
China
Prior art keywords
local area
original image
area
picture
enlarged
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201811015484.1A
Other languages
English (en)
Inventor
吴钊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Advanced New Technologies Co Ltd
Advantageous New Technologies Co Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201811015484.1A priority Critical patent/CN109324736A/zh
Publication of CN109324736A publication Critical patent/CN109324736A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04806Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Processing Or Creating Images (AREA)
  • Image Processing (AREA)

Abstract

本说明书实施例提供一种局部放大图片的交互方法,该方法包括:首先,响应于对图片的局部放大指令,确定图片中需要放大的原图局部区域,并在原图局部区域的位置形成放大局部区域,在放大局部区域中放大显示原图局部区域中的图片内容;接着,响应于对放大局部区域的移动指令,移动放大局部区域;然后,当移动后的放大局部区域未覆盖原图局部区域时,关联显示移动后的放大局部区域和原图局部区域。

Description

局部放大图片的交互方法及装置
技术领域
本说明书实施例涉及图片处理技术领域,具体地,涉及一种局部放大图片的交互方法及装置。
背景技术
当人们需要对图片的局部进行介绍时,通常会对相应的局部区域进行圈选、高亮处理或放大处理,以凸显该局部区域。其中对图片的局部进行放大处理,还有助于观察局部细节。
然而,在使用现有图片处理软件中提供的局部放大功能的过程中,局部放大后的图像除了会遮盖被放大显示的原图局部区域,还会遮盖住原图局部区域的邻近区域,导致用户忽视邻近区域中的原图内容。因此,需要一种合理的局部放大图片的交互方法,以满足用户的多种需求。
发明内容
本说明书描述了一种局部放大图片的交互方法,使用户可以对局部放大的显示区域进行拖拽,从而避免局部放大区域干扰到用户对原图的观察,进而避免用户遗漏图片中的重要细节。
根据第一方面,提供一种局部放大图片的交互方法,该方法包括:响应于对图片的局部放大指令,确定所述图片中需要放大的原图局部区域,并在所述原图局部区域的位置形成放大局部区域,在所述放大局部区域中放大显示所述原图局部区域中的图片内容;响应于对所述放大局部区域的移动指令,移动所述放大局部区域;当移动后的放大局部区域未覆盖所述原图局部区域时,关联显示移动后的放大局部区域和所述原图局部区域。
在一个实施例中,其中所述确定所述图片中需要放大的原图局部区域,包括:接收用户选定的选定区域,并将所述选定区域作为所述原图局部区域;或者,基于预设的区域形状参数,确定以当前光标所在的位置为区域中心的原图局部区域。
在一个实施例中,其中所述放大局部区域与所述原图局部区域的面积比值为放大倍数。
进一步地,根据一个具体的实施例,还包括在放大倍数不变的模式下:
响应于对所述放大局部区域的放大/缩小指令,放大/缩小所述放大局部区域,并以相同的比例放大/缩小所述原图局部区域;和/或
响应于对所述原图局部区域的放大/缩小指令,放大/缩小所述原图局部区域,并以相同的比例放大/缩小所述放大局部区域。
根据另一个具体的实施例,还包括在放大局部区域的面积不变的模式下:
响应于对所述原图局部区域的放大/缩小指令,放大/缩小所述原图局部区域,并以减小/增加后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容;和/或
响应于对所述放大倍数的增加/减小指令,缩小/放大所述原图局部区域,并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容。
根据又一个具体的实施例,还包括在原图局部区域的面积不变的模式下:
响应于对所述放大局部区域的放大/缩小指令,放大/缩小所述放大局部区域,并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容;和/或
响应于对所述放大倍数的增加/减小指令,放大/缩小所述放大局部区域,并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容。
在一个实施例中,其中所述原图局部区域和放大局部区域具有相同的形状,所述形状为圆形或正方形。
在一个实施例中,还包括:响应于对所述原图局部区域的移动指令,移动所述原图局部区域,并在所述放大局部区域中放大显示移动后的原图局部区域中的图片内容。
在一个实施例中,其中所述关联显示移动后的放大局部区域和所述原图局部区域,包括:显示所述原图局部区域的边界。
在一个实施例中,其中所述关联显示移动后的放大局部区域和所述原图局部区域,包括:显示所述原图局部区域的中心点。
进一步地,根据一个具体的实施例,还包括:当光标移动至所述原图局部区域以内时,隐藏所述中心点,并显示所述原图局部区域的边界;当光标移动至所述原图局部区域以外时,隐藏所述边界,并显示所述中心点。
在一个实施例中,其中所述关联显示移动后的放大局部区域和所述原图局部区域,包括:通过连接元素连接所述放大局部区域和所述原图局部区域。
进一步地,根据一个具体的实施例,其中所述连接元素为线段。
根据另一个具体的实施例,其中所述原图局部区域和所述放大局部区域的形状为圆形;所述连接元素为:所述原图局部区域和所述放大局部区域之间的两条切线,或者,由所述两条切线、所述原图局部区域的圆周线和所述放大局部区域的圆周线所围成的区域。
根据第二方面,提供另一种局部放大图片的交互方法,该方法包括:响应于对图片的局部放大指令,确定所述图片中需要放大的原图局部区域,并显示所述原图局部区域,以及在所述原图局部区域以外的位置形成放大局部区域,并在所述放大局部区域中放大显示所述原图局部区域中的图片内容。
根据第三方面,提供一种局部放大图片的交互装置,该装置包括:确定单元,用于响应于对图片的局部放大指令,确定所述图片中需要放大的原图局部区域,并在所述原图局部区域的位置形成放大局部区域,在所述放大局部区域中放大显示所述原图局部区域中的图片内容;移动单元,用于响应于对所述放大局部区域的移动指令,移动所述放大局部区域;显示单元,用于当移动后的放大局部区域未覆盖所述原图局部区域时,关联显示移动后的放大局部区域和所述原图局部区域。
根据第四方面,提供另一种局部放大图片的交互装置,该装置包括:确定单元,用于响应于对图片的局部放大指令,确定所述图片中需要放大的原图局部区域,并显示所述原图局部区域,以及在所述原图局部区域以外的位置形成放大局部区域;显示单元,用于在所述放大局部区域中放大显示所述原图局部区域中的图片内容。
根据第五方面,提供了一种计算机可读存储介质,其上存储有计算机程序,当所述计算机程序在计算机中执行时,令计算机执行第一方面或第二方面的方法。
根据第六方面,提供了一种计算设备,包括存储器和处理器,其特征在于,所述存储器中存储有可执行代码,所述处理器执行所述可执行代码时,实现第一方面或第二方面的方法。
采用本说明书实施例披露的局部放大图片的交互方法,可以对原图局部区域进行放大显示,并使用户可以通过将放大局部区域,即,用于放大显示原图局部区域中图片内容的区域,拖拽至图片中的其他位置,以使放大局部区域不会遮盖住原图局部区域附近的重要内容,进而方便用户观察,以及防止重要细节的遗漏。
附图说明
为了更清楚地说明本说明书披露的多个实施例的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本说明书披露的多个实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图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所描述的方法。
本领域技术人员应该可以意识到,在上述一个或多个示例中,本说明书披露的多个实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时,可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。
以上所述的具体实施方式,对本说明书披露的多个实施例的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上所述仅为本说明书披露的多个实施例的具体实施方式而已,并不用于限定本说明书披露的多个实施例的保护范围,凡在本说明书披露的多个实施例的技术方案的基础之上,所做的任何修改、等同替换、改进等,均应包括在本说明书披露的多个实施例的保护范围之内。

Claims (19)

1.一种局部放大图片的交互方法,包括:
响应于对图片的局部放大指令,确定所述图片中需要放大的原图局部区域,并在所述原图局部区域的位置形成放大局部区域,在所述放大局部区域中放大显示所述原图局部区域中的图片内容;
响应于对所述放大局部区域的移动指令,移动所述放大局部区域;
当移动后的放大局部区域未覆盖所述原图局部区域时,关联显示移动后的放大局部区域和所述原图局部区域。
2.根据权利要求1所述的方法,其中所述确定所述图片中需要放大的原图局部区域,包括:
接收用户选定的选定区域,并将所述选定区域作为所述原图局部区域;或者,
基于预设的区域形状参数,确定以当前光标所在的位置为区域中心的原图局部区域。
3.根据权利要求1所述的方法,其中所述放大局部区域与所述原图局部区域的面积比值为放大倍数。
4.根据权利要求3所述的方法,还包括在放大倍数不变的模式下:
响应于对所述放大局部区域的放大/缩小指令,放大/缩小所述放大局部区域,并以相同的比例放大/缩小所述原图局部区域;和/或
响应于对所述原图局部区域的放大/缩小指令,放大/缩小所述原图局部区域,并以相同的比例放大/缩小所述放大局部区域。
5.根据权利要求3所述的方法,还包括在放大局部区域的面积不变的模式下:
响应于对所述原图局部区域的放大/缩小指令,放大/缩小所述原图局部区域,并以减小/增加后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容;和/或
响应于对所述放大倍数的增加/减小指令,缩小/放大所述原图局部区域,并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容。
6.根据权利要求3所述的方法,还包括在原图局部区域的面积不变的模式下:
响应于对所述放大局部区域的放大/缩小指令,放大/缩小所述放大局部区域,并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容;和/或
响应于对所述放大倍数的增加/减小指令,放大/缩小所述放大局部区域,并以增加/减小后的放大倍数在所述放大局部区域中显示所述原图局部区域中的图片内容。
7.根据权利要求1所述的方法,其中所述原图局部区域和放大局部区域具有相同的形状,所述形状为圆形或正方形。
8.根据权利要求1所述的方法,还包括:
响应于对所述原图局部区域的移动指令,移动所述原图局部区域,并在所述放大局部区域中放大显示移动后的原图局部区域中的图片内容。
9.根据权利要求1所述的方法,其中所述关联显示移动后的放大局部区域和所述原图局部区域,包括:
显示所述原图局部区域的边界。
10.根据权利要求1所述的方法,其中所述关联显示移动后的放大局部区域和所述原图局部区域,包括:
显示所述原图局部区域的中心点。
11.根据权利要求10所述的方法,还包括:
当光标移动至所述原图局部区域以内时,隐藏所述中心点,并显示所述原图局部区域的边界;
当光标移动至所述原图局部区域以外时,隐藏所述边界,并显示所述中心点。
12.根据权利要求1所述的方法,其中所述关联显示移动后的放大局部区域和所述原图局部区域,包括:
通过连接元素连接所述放大局部区域和所述原图局部区域。
13.根据权利要求12所述的方法,其中所述连接元素为线段。
14.根据权利要求12所述的方法,其中所述原图局部区域和所述放大局部区域的形状为圆形;所述连接元素为:所述原图局部区域和所述放大局部区域之间的两条切线,或者,由所述两条切线、所述原图局部区域的圆周线和所述放大局部区域的圆周线所围成的区域。
15.一种局部放大图片的交互方法,包括:
响应于对图片的局部放大指令,确定所述图片中需要放大的原图局部区域,并显示所述原图局部区域,以及在所述原图局部区域以外的位置形成放大局部区域,并在所述放大局部区域中放大显示所述原图局部区域中的图片内容。
16.一种局部放大图片的交互装置,包括:
确定单元,用于响应于对图片的局部放大指令,确定所述图片中需要放大的原图局部区域,并在所述原图局部区域的位置形成放大局部区域,在所述放大局部区域中放大显示所述原图局部区域中的图片内容;
移动单元,用于响应于对所述放大局部区域的移动指令,移动所述放大局部区域;
显示单元,用于当移动后的放大局部区域未覆盖所述原图局部区域时,关联显示移动后的放大局部区域和所述原图局部区域。
17.一种局部放大图片的交互装置,包括:
确定单元,用于响应于对图片的局部放大指令,确定所述图片中需要放大的原图局部区域,并显示所述原图局部区域,以及在所述原图局部区域以外的位置形成放大局部区域;
显示单元,用于在所述放大局部区域中放大显示所述原图局部区域中的图片内容。
18.一种计算机可读存储介质,其上存储有计算机程序,当所述计算机程序在计算机中执行时,令计算机执行权利要求1-15中任一项的所述的方法。
19.一种计算设备,包括存储器和处理器,其特征在于,所述存储器中存储有可执行代码,所述处理器执行所述可执行代码时,实现权利要求1-15中任一项所述的方法。
CN201811015484.1A 2018-08-31 2018-08-31 局部放大图片的交互方法及装置 Pending CN109324736A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811015484.1A CN109324736A (zh) 2018-08-31 2018-08-31 局部放大图片的交互方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811015484.1A CN109324736A (zh) 2018-08-31 2018-08-31 局部放大图片的交互方法及装置

Publications (1)

Publication Number Publication Date
CN109324736A true CN109324736A (zh) 2019-02-12

Family

ID=65264567

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811015484.1A Pending CN109324736A (zh) 2018-08-31 2018-08-31 局部放大图片的交互方法及装置

Country Status (1)

Country Link
CN (1) CN109324736A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110333813A (zh) * 2019-05-30 2019-10-15 平安科技(深圳)有限公司 发票图片展示的方法、电子装置及计算机可读存储介质
CN110704007A (zh) * 2019-09-27 2020-01-17 成都星时代宇航科技有限公司 一种双图片显示方法、装置、终端及存储介质
CN110941375A (zh) * 2019-11-26 2020-03-31 腾讯科技(深圳)有限公司 对图像进行局部放大的方法、装置及存储介质
CN112286430A (zh) * 2020-10-29 2021-01-29 维沃移动通信有限公司 图像处理方法、装置、设备及介质
CN113485623A (zh) * 2021-09-07 2021-10-08 成都国星宇航科技有限公司 一种可实现多维度对比的图像显示方法、装置及终端

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080225153A1 (en) * 2007-03-13 2008-09-18 Apple Inc. Interactive Image Thumbnails
CN102650925A (zh) * 2011-02-25 2012-08-29 华硕电脑股份有限公司 具触控式屏幕的电子装置及其显示控制方法
CN103197856A (zh) * 2011-10-21 2013-07-10 古野电气株式会社 图像显示装置、图像显示程序及图像显示方法
CN103547988A (zh) * 2011-04-07 2014-01-29 阿尔科斯公司 选择用户界面的元素的方法以及实施该方法的装置
CN105631806A (zh) * 2014-11-06 2016-06-01 上海莱凯数码科技有限公司 数码动画中图片局部放大的制作方法
CN105808046A (zh) * 2014-12-31 2016-07-27 宇龙计算机通信科技(深圳)有限公司 一种局部放大查看屏幕的方法、装置及移动终端
US20180109751A1 (en) * 2016-10-18 2018-04-19 Samsung Electronics Co., Ltd. Electronic device and method for controlling the same
US20180130182A1 (en) * 2011-07-12 2018-05-10 Apple Inc. Multifunctional environment for image cropping

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080225153A1 (en) * 2007-03-13 2008-09-18 Apple Inc. Interactive Image Thumbnails
CN102650925A (zh) * 2011-02-25 2012-08-29 华硕电脑股份有限公司 具触控式屏幕的电子装置及其显示控制方法
CN103547988A (zh) * 2011-04-07 2014-01-29 阿尔科斯公司 选择用户界面的元素的方法以及实施该方法的装置
US20180130182A1 (en) * 2011-07-12 2018-05-10 Apple Inc. Multifunctional environment for image cropping
CN103197856A (zh) * 2011-10-21 2013-07-10 古野电气株式会社 图像显示装置、图像显示程序及图像显示方法
CN105631806A (zh) * 2014-11-06 2016-06-01 上海莱凯数码科技有限公司 数码动画中图片局部放大的制作方法
CN105808046A (zh) * 2014-12-31 2016-07-27 宇龙计算机通信科技(深圳)有限公司 一种局部放大查看屏幕的方法、装置及移动终端
US20180109751A1 (en) * 2016-10-18 2018-04-19 Samsung Electronics Co., Ltd. Electronic device and method for controlling the same

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110333813A (zh) * 2019-05-30 2019-10-15 平安科技(深圳)有限公司 发票图片展示的方法、电子装置及计算机可读存储介质
CN110704007A (zh) * 2019-09-27 2020-01-17 成都星时代宇航科技有限公司 一种双图片显示方法、装置、终端及存储介质
CN110941375A (zh) * 2019-11-26 2020-03-31 腾讯科技(深圳)有限公司 对图像进行局部放大的方法、装置及存储介质
CN110941375B (zh) * 2019-11-26 2023-09-05 腾讯科技(深圳)有限公司 对图像进行局部放大的方法、装置及存储介质
CN112286430A (zh) * 2020-10-29 2021-01-29 维沃移动通信有限公司 图像处理方法、装置、设备及介质
CN113485623A (zh) * 2021-09-07 2021-10-08 成都国星宇航科技有限公司 一种可实现多维度对比的图像显示方法、装置及终端

Similar Documents

Publication Publication Date Title
CN109324736A (zh) 局部放大图片的交互方法及装置
CN101419532B (zh) 一种在移动终端改变信息内容尺寸的方法和移动终端
CN110574000B (zh) 显示装置
EP3163423B1 (en) Method and device for setting background of ui control
CN109298909B (zh) 一种窗口调节的方法、移动终端及计算机可读存储介质
JP2008250948A (ja) 情報処理装置、情報処理方法、情報処理プログラム、情報処理プログラムを記録した記憶媒体、並びに情報表示装置
KR20150106330A (ko) 화상 표시 장치 및 화상 표시 방법
CN113536173B (zh) 一种页面处理方法、装置、电子设备及可读存储介质
JP5981175B2 (ja) 図面表示装置、及び図面表示プログラム
EP4287610A1 (en) Focusing method and apparatus, electronic device, and medium
CN107870703B (zh) 图片全屏展示的方法、系统及终端设备
JP2016200860A (ja) 情報処理装置、情報処理装置の制御方法、およびプログラム
JP6191851B2 (ja) 文書提示方法およびユーザ端末
JP5376685B2 (ja) コンテンツデータ表示装置、コンテンツデータ表示方法及びプログラム
CN106131628B (zh) 一种视频图像处理方法及装置
CN109766530B (zh) 图表边框的生成方法、装置、存储介质和电子设备
CN107547727B (zh) 一种图像预览方法和装置
CN114612584B (zh) 图像处理方法、装置、设备及存储介质
US9530183B1 (en) Elastic navigation for fixed layout content
CN114491309A (zh) 图片处理方法和装置
CN112750079A (zh) 图像处理方法、装置及一体机
CN111652799A (zh) 图像处理方法、装置、电子设备及可读存储介质
US10613722B1 (en) Distorting a graph on a computer display to improve the computer's ability to display the graph to, and interact with, a user
US20120287036A1 (en) Portable terminal device having an enlarged-display function, method for controlling enlarged display, and computer-read-enabled recording medium
JP6409443B2 (ja) 画像処理装置、およびプログラム

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20201009

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant after: Innovative advanced technology Co.,Ltd.

Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant before: Advanced innovation technology Co.,Ltd.

Effective date of registration: 20201009

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant after: Advanced innovation technology Co.,Ltd.

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Applicant before: Alibaba Group Holding Ltd.

RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20190212