CN104423877A - 影像裁剪方法以及其便携式电子装置 - Google Patents

影像裁剪方法以及其便携式电子装置 Download PDF

Info

Publication number
CN104423877A
CN104423877A CN201410038606.4A CN201410038606A CN104423877A CN 104423877 A CN104423877 A CN 104423877A CN 201410038606 A CN201410038606 A CN 201410038606A CN 104423877 A CN104423877 A CN 104423877A
Authority
CN
China
Prior art keywords
image
sub
user
space
input
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.)
Granted
Application number
CN201410038606.4A
Other languages
English (en)
Other versions
CN104423877B (zh
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.)
HTC Corp
Original Assignee
High Tech Computer Corp
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 High Tech Computer Corp filed Critical High Tech Computer Corp
Publication of CN104423877A publication Critical patent/CN104423877A/zh
Application granted granted Critical
Publication of CN104423877B publication Critical patent/CN104423877B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/37Details of the operation on graphic patterns
    • G09G5/373Details of the operation on graphic patterns for modifying the size of the graphic pattern
    • 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/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • 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/04842Selection of displayed objects or displayed text elements
    • 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
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00Geometric image transformations in the plane of the image
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00Aspects of interface with display user

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • Studio Devices (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明揭示了一种影像裁剪方法以及其便携式电子装置。该便携式电子装置包含触控屏幕和影像处理单元。该方法包含由触控屏幕上显示的数字影像裁剪出子影像;从触控屏幕接收使用者输入;根据使用者输入,将使用者输入映射到子影像的操作;及执行与使用者输入对应的操作以更新子影像。

Description

影像裁剪方法以及其便携式电子装置
技术领域
本发明涉及一种影像裁剪方法以及其便携式电子装置,特别是涉及一种根据使用者输入来更新裁剪影像内容的影像裁剪方法。
背景技术
影像裁剪是一种常常被使用者所使用的影像编辑工具之一。传统的影像裁剪机制会先提供某个形状的裁剪框,比如为矩形,圆形或是心型等等…。使用者可以自由地将裁剪框移动到想要裁剪影像的位置并调整裁剪框的大小。而影像裁剪机制将进一步根据裁剪框,裁剪出子影像并储存子影像于其他用途。举例来说,子影像可以被储存为单独的影像,或是结合其他影像或影像模板储存成合成的影像。虽然裁剪框的位置和大小可以由使用者选择,但因为视角而造成影像和形状的失真却不能利用影像裁剪来解决。例如,假设影像包含非主视图的角度的物件,物件的形状在数字影像显示时将被扭曲。举例来说,矩形的物件有可能显示成梯形形状的影像,或是一个圆形的物件有可能显示成椭圆形的影像。当从数字影像中剪裁物件时,这些因视角倾斜所造成的失真也将反映在裁剪好的子影像上,而这种影像失真会造成使用者的不便或是观看上的不舒服,特别是当子影像包含文字或是其他有用的信息时。因此,修正这些因视角造成的失真将会对提升影像品质有很大帮助。
为了解决以上问题,本发明提供了一种新的影像处理方法来调整因为视角而造成的失真。
发明内容
本发明提供一种便携式电子装置,用于执行影像裁剪的操作,包含触控屏幕,用以于影像空间显示数字影像,并提供使用者界面接收至少一使用者的输入,以从数字影像中裁剪子影像;及影像处理单元,用于执行对应于使用者输入的操作,影像处理单元包含空间映射模块,用以将子影像映射到影像空间,以及将使用者输入映射到在影像空间内的操作;及影像裁剪模块,用以根据使用者输入来更新子影像。
本发明提供一种在便携式电子装置下使用的的影像裁剪的操作方法,该便携式电子装置包含触控屏幕及影像处理单元,而该方法包含由在触控屏幕上显示的数字子影像,裁剪出其中子影像是从数字影像中裁减出来;从触控屏幕接收使用者输入;根据使用者输入,将使用者的输入映射到数字子影像的操作;及执行使用者输入的操作以更新子影像。
附图说明
图1为本发明第一实施例的影像裁剪方法示意图。
图2为本发明第一实施例在便携式电子元件中的元件架构图。
图3为本发明第一实施例的子影像所更新的示意图。
图4为本发明第一实施例的子区域以及对应控制点位置移动的示意图。
图5为本发明第一实施例的裁剪空间映射至影像空间的示意图。
图6为根据本发明第一实施例,在子影像中使用单一拖曳输入方式的示意图。
图7是根据使用者于图6的拖曳输入方式,裁剪空间映射至影像空间的示意图。
图8是根据使用者于图6的拖曳输入方式,子区域以及对应控制点位置移动的示意图。
图9为本发明第二实施例,在子影像中同时使用二拖曳输入方式的示意图。
图10是根据使用者于图9的拖曳输入方式,子区域以及对应控制点位置移动的示意图。
图11是根据使用者于图9的拖曳输入方式,裁剪空间映射至影像空间的示意图。
图12是根据本发明的影像剪裁方法的一实施例的流程图。
图13是根据本发明的影像剪裁方法的另一实施例的流程图。
附图符号说明
M                         物体
A1~A4                    控制点
I1、I2、I3、I4            数字影像
R1、R2、R3、R4            子区域
C1、C2、C3、C4            子影像
B1~B4                    子影像的角
10                        便携式电子装置
100                       触控屏幕
110                       触控面板
120                       显示模块
200                       影像处理单元
210                       空间映射模块
220                       影像裁剪模块
300                       相机模块
400                       储存单元
T1~T5                    控制区域
V11~V14                  子区域中的方向向量
V21~V24                  子区域中的方向向量
V31~V34                  子区域中的方向向量
V41~V44                  子区域中的方向向量
D1~D4                    子影像中的方向向量
D5~D8                    子影像中的方向向量
X1~X4                    控制点
D14、D67                  输入向量
V123、V414                输出向量
S1210-S1260               步骤
S1310-S1370               步骤
具体实施方式
请参考图1,图1为本发明第一实施例的影像裁剪方法。此影像裁剪方法可在移动电子元件执行,例如智能型手机或是平板计算机,而移动电子元件包含触控屏幕和相机模块。如图1所示,数字影像I1由使用者提供并且显示在触控屏幕上,数字影像I1可为相机撷取的影像,亦可从移动电子元件内部的储存元件、外部储存元件或是其他数据来源获得。移动电子元件于触控屏幕上提供使用者界面以执行数字影像I1的操作。在本实施例中,使用者界面提供使用者影像剪裁的功能以将子影像C1由数字影像I1中剪裁出来。剪裁出来的子影像C1会被触控屏幕显示后再被储存成单张影像。之前的方法如果使用者想要储存子影像C1,使用者可能要下一个输入指令使得子影像C1允许被储存并修改。例如,使用者可能要进一步编辑子影像C1的内容。如本实施例图1所示,数字影像I1包含物件M,物件M是一个绘画版。在子影像的每一个角B1~B4分别对应每一个控制点A1~A4。为了产生子影像C1,首先定义子区域R1,子区域R1为在数字影像I1中对应控制点A1~A4范围的区域,当使用者操作子影像C1时,对应的控制点A1~A4的位置将会被更新,因此子影像C1的位置和范围也会被更新。
图2描述了便携式电子元件10根据本发明的实施例执行影像裁剪操作。便携式电子元件10包含触控屏幕100、影像处理单元200、相机模块300以及储存单元400。触控屏幕100被用来显示数字影像并提供使用者界面以接收使用者的输入。触控屏幕100包含触控面板110以接收使用者输入,以及显示模块120来显示数字影像和使用者界面。影像处理单元200用来接收数字影像并执行各种的影像处理。影像可从各种来源取得,比如相机模块300以和/或储存单元400。此外,影像处理单元200用来接收使用者来自触控屏幕100的输入并执行对应的影像处理。而已处理的影像将再被触控屏幕100显示出来和/或储存于储存单元400中。
影像处理单元200包含空间映射模块210以及影像裁剪模块220。空间映射模块210用来定义影像空间和裁剪空间,并将接收到的使用者输入由一个空间转换到另一个空间。影像裁剪模块220根据使用者输入,在数字影像中裁剪出子区域,并且提供对应子区域的子影像。影像裁剪模块220另根据使用者输入调整子影像的影像画素和/或位置。
图1详细说明如下。触控屏幕100显示数字影像I1并接收使用者为了由数字影像I1裁剪子区域R1所做的输入。当使用者通过触控屏幕100输入时,触控屏幕100会传送使用者输入到影像处理单元200。而空间映射模块210将会决定在数字影像I1中,子区域R1的所在位置,并根据子区域R1,在数字影像I1中裁剪出对应的子影像C1。子影像C1接着被传送到触控屏幕100上显示给使用者。如图1所示,空间映射模块210定义了对应数字影像I1的影像空间以及定义了对应子影像C1的剪裁空间。而子区域R1在影像空间中会被多个控制点A1~A4所定义。影像裁剪模块220根据控制点A1~A4所围成的范围在数字影像I1中裁剪出子区域R1。这里说明一下触控屏幕100可以先预览数字影像I1,而预览的分辨率较差。虽然预览的分辨率较差,但在影像裁剪时,影像裁剪模块220将从完整分辨率的数字影像I1进行裁剪操作。影像裁剪模块220另对子影像C1执行其他的操作功能,比如说影像放大、缩小、翻转等等…。特别的是,影像裁剪模块220会把一个由影像空间内使用者所选择的非矩形子影像转换成在裁剪空间内矩形的影像。
请参考图3和图4,图3和图4描述了根据本发明的实施例执行影像裁剪操作过程。如图3的左边并参考图2,影像裁剪模块220从数字影像I2中产生剪裁后的子影像C2,并提供子影像C2至触控屏幕100以显示给使用者。数字影像I2是位于影像空间内而子影像C2是位于裁剪空间内。多个控制点A1~A4定义了在影像空间中,对应裁剪空间内的子影像C2的子区域R2。当收到使用者输入时,空间映射模块210将把影像空间内的子区域R2转成裁剪空间内的子影像C2。在本实施例中,在数字影像中I2的子影像C2一开始并没有包含物体M。使用者将通过触控屏幕100输入使用者输入指令去更新子影像C2的内容。因为在一开始的子影像中,物体M左边部分显示的影像不完整,使用者将利用他/她的手指在触控屏幕上以拖曳的方式由左往右移动直到子影像C2完全包含物体M为止。如图3右边所示,为了更新子影像C2的内容,空间映射模块210将会映射使用者输入的操作到影像空间内的多个控制点A1~A4。多个控制点A1~A4在上述例子会由右移动到左,和使用者输入的拖曳方向相反。在本实施例中,多个控制点A1~A4是同时移动的,在其他实施例中,多个控制点A1~A4可分别移动。
图5描述了根据本发明的实施例执行的空间映射机制。空间映射机制将在空间映射模块210中被执行。当子影像在裁剪空间内时,在子影像中的多个控制区域T1~T5会被空间映射模块210所定义。一部分的多个控制区域,在本实施例为控制区域T1~T4,用于分别对应影像空间内的多个控制点A1~A4。使用者在控制区域中的拖曳输入将会映射为影像空间内对应控制点的操作。举例来说,使用者在控制区域T1中的拖曳输入将会映射为影像空间内控制点A1的操作。然而,当使用者在中间的控制区域T5进行拖曳输入时,所有的多个控制点A1~A4将同时移动。
这里说明一下,在影像空间中的多个控制点A1~A4可能不会把子影像C2围成正方形或是矩形的区域,因此使用者输入的移动方向会在影像空间中被重新映射为适当的方向。首先,影像空间可被视为由多个控制点A1~A4所建构而成的向量空间。每一控制点A1~A4分别包含4条主要的方向向量。在图5中,以控制点A1为例,向量V11是由控制点A1指向A3的方向、向量V12是由控制点A2指向A1的方向、向量V13是由控制点A3指向A1的方向以及向量V14是由控制点A1指向A2的方向。当使用者以拖曳的方式在控制区域T1进行输入时,同时也产生了输入向量,而这输入向量会根据多个方向向量V11~V14被映射为输出向量。同理,在控制点A2包含4条主要的方向向量V21~V24,当使用者以拖曳的方式在控制区域T2进行输入时,同时也产生了输入向量,而且这输入向量将会根据多个方向向量V21~V24被映射为输出向量。在控制点A3包含4条主要的方向向量V31~V34,当使用者以拖曳的方式在控制区域T3进行输入时,同时也产生了输入向量,而这输入向量将会根据多个方向向量V31~V34被映射为输出向量。在控制点A4包含4条主要的方向向量V41~V44,当使用者以拖曳的方式在控制区域T4进行输入时,同时也产生了输入向量,而这输入向量将会根据多个方向向量V41~V44被映射为输出向量。当使用者以拖曳的方式在控制区域T5进行输入时,如果使用者输入为水平移动,多个控制点A1~A4也将根据使用者输入同步水平移动,如果使用者输入为垂直移动,多个控制点A1~A4也将根据使用者输入同步垂直移动。
为了更好说明使用者输入和多个控制点相互移动关系,以下特举实施例来详细说明,但所提供的实施例并非用以限制本发明所涵盖的范围。
请参照图6~8,图6~8描述了使用者输入在特定的控制区间被接收的例子。如图6左边所示,首先,未调整的子影像C3通过触控屏幕100提供给使用者。可以看出在子影像C3的左上方区域有很大的失真。在这例子中,使用者希望藉由修正子影像的影像内容以改善失真。为了此需求,使用者会由子影像C3的左上方角落传送一个拖曳输入。而使用者的拖曳输入在裁剪空间内就如图7左边所示,而使用者的拖曳输入在裁剪空间内随即被转为输入向量D14。如图7左边所示,输入向量D14落在控制区域T1,而且输入向量D14随后会被映射至在影像空间中与控制点A1有关的输出向量V123。这边说明一下输出向量V123和输入向量D14为反向关系。在此例中,当使用者通过触控屏幕100把在子影像C3之外的影像拖曳到子影像C3中时,相当于多个控制点A1~A4经由使用者输入而扩大所围成的子影像C3范围,因此控制点的输出向量V123和使用者的输入向量D14为反向关系。
附加说明,输入向量D14为根据使用者拖曳输入方向而决定(比如由追踪使用者在触控面板100的拖曳起点到拖曳终点),且输入向量D14能在裁剪空间中被主要的方向向量D1和D4合成。一般来说,裁剪空间中只有矩形才会有正确的影像夹角(垂直夹角)。因此,当每一在裁剪空间中的输入向量被对应控制点的两条主要方向向量合成时,这两条主要的方向向量如果为矩形的垂直邻边向量才算具有正确的影像夹角。可以对照图7中方向向量D1和D4的例子。在图7中,影像空间内的多个控制点X1~X4围成的范围并不是矩形或正方形,因此多个控制点X1~X4所对应的主要方向向量V11~V14、V21~V24、V31~V34、V41~V44是歪斜的向量,并不是如矩形的垂直邻边向量,故没有正确的夹角。所以在裁剪空间中的输入向量D14要转换成影像空间中的输出向量V123时,由于裁剪空间中的输入向量D14可被具有正确角度的方向向量D1和D4合成,而影像空间中的输出向量V123则被具有不正确角度的方向向量V12和V13合成。故空间映射模块210必须要根据D14和D1的夹角以及V123和V12的夹角来计算由输入向量D14映射到输出向量V123的等效移动距离和方向。
在本实施例中,控制点X1和经由裁剪后显示出来的子影像C3可以根据使用者的拖曳输入即时更新。在此,当使用者把他/她的手指放在触控屏幕上时,子影像C3就会随着手指移动而更新。使用者可以在想要的子影像到适当位置时停止拖曳。在本例中,因为控制点X1会随着使用者手指的移动而更新而连带子影像C3也同步更新。这边说明一下,根据控制点X1的更新,对应输入方向向量D1~D4的输出方向向量V11~V14也会一起更新。换句话说,当控制点X1移动位置时,在多个控制点X1~X4所构成的平面上,其座标轴的方向会发生变化,故控制点X1对应的方向向量V11~V14也会发生变化。
图8说明了在影像空间中的影像裁剪过程。子区域R3是多个控制点X1~X4通过影像裁剪模块220裁剪后所围成的区域,而在子区域R3内的影像会被显示为子影像C3,如图6所示。控制点X1的起始值因被放在目标物体M之中而被使用者修改。当使用者的拖曳输入被接收后,控制点X1被移动到想要的位置,这个位置就在目标物体M的左上角,如图8所示。这边说明一下,即使在数字影像I3中子区域R3的外观形状不是矩形,子区域R3会以矩形的形式映射到裁剪空间内。因此,在子区域R3中边缘或是边角的影像失真将在子影像C3中被校正,可以参照图6和图8的比较即可明了。更简单的说,数字影像I3中子区域R3所对应的影像并不是正视图,但是在子区域R3的影像映射到裁剪空间内而产生对应的子影像C3后,显示出的子影像C3即为正视图而具有较好的视觉效果。
图9-11描述了本发明的第二个实施例。在此实施例中,使用者界面具有接收使用者多个拖曳输入的能力,并亦具有同时控制对应多个控制点的能力。请先参照图9,子影像C4首先通过触控屏幕100在使用者界面显示给使用者。其中子影像是从图10的数字影像I4中,通过多个控制点X1~X4所围成的子区域R4所对应的影像。如图10左边所示,数字影像I4中的左上和右下部分并没有被子区域R4包含。所以使用者会使用两根手指同时把影像中左上和右下角向中间拖曳(如图9左),此行为相当于控制点X1和控制点X4分别由左上和右下角向外移动(如图10)。请接着参照图11,在本例中,使用者二输入同时发生在控制区域T1和T4,而被转成二输入向量D14和D67。此二输入向量D14和D67在影像空间中会被映射成二输出向量V123和V414,且二输入向量D14和D67和二输出向量V123和V414为反向关系。在本实施例中,输入向量D14和输出向量V123的映射方式相似于在图7所叙的实施例所叙述的方式。然而输入向量D67映射到输出向量V414是根据D67和D6(或D7)的夹角以及V414和V44(或V41)的夹角以计算由输入向量D67映射到输出向量V414的等效移动距离和方向。
这边说明一下,本发明的使用者输入可为对应单一控制点的单一输入,亦可为对应多个控制点的多个输入。请参照图12,图12描述了依据本发明的影像剪裁方法的步骤的实施例。本发明的影像剪裁方法可被应用在便携式的电子元件上,像是智能型手机,平板计算机等等…。这便携式的电子产品包含触控屏幕,为了要显示影像给使用者并且提供使用者界面以接收使用者输入。便携式电子元件亦包含影像处理单元以执行各种不同的影像处理。由步骤S1210开始,触控屏幕显示数字影像,数字影像可从便携式电子元件的相机模块中撷取或是从便携式电子元件内部或外部的储存元件中获得。接下来,在步骤S1220中,触控屏幕接收到使用者输入,输入为使用者在数字影像中,为了调整子区域范围的操作。正如前面所提的,触控屏幕提供使用者界面以接收使用者对应于各种不同操作的输入。使用者界面可包含影像编辑功能,像是旋转、裁剪、效果等等…。使用者可以通过使用者界面选择想要的功能,在本发明所举的实施例中就是使用裁剪功能。使用者在此输入数字影像该如何被裁剪的信息。在步骤S1230中,便携式电子元件中的影像处理单元由数字影像中裁剪子区域,并提供对应的子影像以显示在触控屏幕上。这边说明一下,当数字影像显示在触控屏幕上时,它可能只是预览的影像所以分辨率较低;但影像处理单元由数字影像中裁剪子区域时,是以全分辨率的数字影像来裁剪,所以裁剪出的子影像是全分辨率的。
当浏览子影像时,使用者也许会将子影像做进一步的操作。触控屏幕也会继续提供使用者界面以接收使用者对于子影像所输入的各种不同操作。比如说,使用者不满意裁剪而成的子影像大小而想要修改等等…。在步骤S1240中,触控屏幕接收到使用者为了编辑子影像所做的第二次输入。这使用者输入可能是单一触控输入或是多重触控输入,当然这些输入包含了使用者想要如何修改子影像的讯息。举例来说,使用者利用由左到右的拖曳输入来改变子区域所对应的影像,或是使用者从子影像的一角或多角往子影像中间拖曳以扩大子影像在数字影像中的涵盖范围。这边说明一下,使用者可以直接经由触控屏幕中显示的子影像修改其内容,而不需要返回到原始的数字影像在重新选择一次新的子区域来裁剪。在步骤S1250中,使用者输入被映射至数字影像的操作。在本发明实施例中,影像处理单元定义数字影像对应的影像空间以及子影像对应的裁剪空间。在触控屏幕上的使用者输入首先会被裁剪空间接收,随后使用者输入会被转为在影像空间内的操作。如前所述,在剪裁空间中,对应于子影像的多个个控制区域会被决定;在影像空间中,对应于多个控制区域的多个控制点亦会被决定。任何落在一或多控制区域内的使用者输入会被映射至一或多控制点的输出。在此,影像处理单元会将使用者于对应控制区域内的输入转换成输入向量,接者将输入向量映射至输出向量,此输出向量有关于对应控制点位置的移动。在步骤S1260中,影像处理单元执行对应的操作以更新子影像。而控制点依据输出向量而移动位置造成了子区域范围被调整,子影像也因此被更新。这边说明一下输入向量和输出向量为反向关系。举例来说,假设输入向量方向为由左至右(使用者利用由左至右的拖曳进行输入),输出向量方向即为由右至左(控制点由右至左移动)。
图13描述了本发明的影像剪裁方法的步骤的另一实施例。类似图12中所述,本例亦可被包含触控屏幕和影像处理元件的便携式电子装置实现。在步骤S1310中,触控屏幕显示子影像。而子影像是对应于数字影像中经裁剪后子区域的影像,在步骤S1320中,触控屏幕接收使用者输入,且触控屏幕提供使用者界面用来接收使用者对子影像的各种操作所对应的输入。在步骤S1330中,影像处理单元定义了数字影像对应的影像空间以及子影像对应的剪裁空间。这边说明一下步骤S1330可能在步骤S1320之前就先执行了。在影像空间中,对应子影像的子区域是被多个控制点围成的范围。在裁剪空间中,多个控制区域会被决定,每一控制区域对应在影像空间中一或多控制点。在步骤S1340中,影像处理单元将使用者输入从裁剪空间映射至影像空间。影像处理单元在接收到使用者输入时,决定输入是落于一或多控制区域。假如使用者输入为单一输入,输入所对应的单一控制区域就会被决定。使用者输入的移动方向随后会在对应的控制区域被转成输入向量。在步骤S1350中,影像处理单元根据使用者输入调整在影像空间中的子区域。当使用者输入被转为输入向量,再被转为输出向量时,影像处理单元根据输出向量调整对应的控制点。如前文所述,子区域是根据多个控制点所围成的范围而决定的。藉由调整多个控制点的位置,在数字影像中的子区域范围也会随的调整。在步骤S1360中,子影像通过触控屏幕随时更新。这边说明一下,子影像会随着收到使用者输入而同步更新,更精确地说,子影像会随着使用者的拖曳输入移动而即时或是稍有延迟的更新。虽然使用者在影像空间中对数字影像的子区域进行剪裁操作,但使用者界面仍显示裁剪空间中对应子区域的子影像。在最后一个步骤S1370中,已更新的子影像可被储存于在便携式电子元件的储存单元或是外部储存元件。举例来说,使用者可将子影像储存至便携式元件的记忆体中或是上传子影像到社群网路的多媒体伺服器上。
以上所述仅为本发明的较佳实施例,凡依本发明的权利要求所做的均等变化与修饰,皆应属本发明的涵盖范围。

Claims (15)

1.一种便携式电子装置,用于执行影像裁剪的操作,包含:
一触控屏幕,用以于一影像空间显示一数字影像,并提供一使用者界面接收至少一使用者输入,以从该数字影像中裁剪一子影像;及
一影像处理单元,用于执行对应于该使用者输入的操作,该影像处理单元包含:
一空间映射模块,用以将该子影像映射到该影像空间,以及将该使用者输入映射到在该影像空间内的操作;及
一影像裁剪模块,用以根据该使用者输入来更新该子影像。
2.如权利要求1所述的便携式电子装置,其中该空间映射模块还用于定义该数字影像所对应的影像空间以及该子影像所对应的一裁剪空间,并用来将该使用者输入由该裁剪空间映射到该影像空间以调整该子影像在该影像空间的范围。
3.如权利要求2所述的便携式电子装置,其中该空间映射模块在该影像空间中定义多个个控制点以及在该裁剪空间中定义了多个个对应的控制区域,当接收到该使用者输入时,该空间映射模块会在一第一控制区域将该使用者输入对应至一第一控制点的操作。
4.如权利要求3所述的便携式电子装置,其中该多个个控制点用以决定该子影像在该影像空间的范围。
5.如权利要求3所述的便携式电子装置,其中该空间映射模块依据该使用者输入调整该多个个控制点在该影像空间的位置,且该影像裁剪模块依据多个个已调整的控制点更新该子影像。
6.如权利要求2所述的便携式电子装置,其中在该裁剪空间中,该使用者输入被转换成一输入向量,该输入向量再被映射至该影像空间中的一输出向量,且该输入向量与该输出向量为反向关系。
7.如权利要求1所述的便携式电子装置,还包含:
一相机模块,用来撷取该数字影像;及
一储存单元,用来储存该数字影像和该子影像。
8.如权利要求1所述的便携式电子装置,其中当接收该使用者输入后,不需随即回复至该数字影像。
9.一种便携式电子装置的影像裁剪方法,该便携式电子装置包含一触控屏幕及一影像处理单元,该方法包含:
由该触控屏幕上显示的一数字影像裁剪出一子影像;
从该触控屏幕接收一使用者输入;
根据该使用者输入,将该使用者输入映射到该子影像的操作;及
执行该使用者输入以更新该子影像。
10.如权利要求9所述的影像裁剪方法,还包含:
定义对应于该数字影像的一影像空间以及对应于该子影像的一裁剪空间;
根据该使用者输入调整该子影像的范围。
11.如权利要求10所述的影像裁剪方法,还包含:
在该影像空间中定义多个个控制点以及在该裁剪空间中定义多个个对应的控制区域;
其中根据该使用者输入调整该子影像的范围为根据该使用者输入于一控制区域调整一控制点的位置以调整该子影像的范围。
12.如权利要求11所述的影像裁剪操作方法,其中该多个个控制点定义该子影像在该影像空间中的范围。
13.如权利要求10所述的影像裁剪操作方法,其中根据该使用者输入调整该子影像的范围包含:
在该裁剪空间中将该使用者输入转换成一输入向量;及
在影像空间中将该输入向量映射为一输出向量,其中该输入向量和该输出向量为反向关系。
14.如权利要求9所述的影像裁剪操作方法,还包含将一已更新的子影像映射至该影像空间。
15.如权利要求9所述的影像裁剪操作方法,还包含将一已更新的子影像储存至一储存单元。
CN201410038606.4A 2013-08-22 2014-01-27 影像裁剪方法以及其便携式电子装置 Active CN104423877B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US13/974,029 2013-08-22
US13/974,029 US9424808B2 (en) 2013-08-22 2013-08-22 Image cropping manipulation method and portable electronic device

Publications (2)

Publication Number Publication Date
CN104423877A true CN104423877A (zh) 2015-03-18
CN104423877B CN104423877B (zh) 2018-04-24

Family

ID=52479959

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410038606.4A Active CN104423877B (zh) 2013-08-22 2014-01-27 影像裁剪方法以及其便携式电子装置

Country Status (3)

Country Link
US (1) US9424808B2 (zh)
CN (1) CN104423877B (zh)
TW (1) TWI501139B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106201386A (zh) * 2015-03-31 2016-12-07 建碁股份有限公司 拼接式显示系统及拼接式显示方法

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2016076758A (ja) * 2014-10-03 2016-05-12 株式会社東芝 再生装置、符号化装置、および再生方法
WO2020027813A1 (en) * 2018-07-31 2020-02-06 Hewlett-Packard Development Company, L.P. Cropping portions of images

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6456745B1 (en) * 1998-09-16 2002-09-24 Push Entertaiment Inc. Method and apparatus for re-sizing and zooming images by operating directly on their digital transforms
US20040202385A1 (en) * 2003-04-09 2004-10-14 Min Cheng Image retrieval
US20050104897A1 (en) * 2003-11-14 2005-05-19 Walker Kenneth A.Jr. Image cropping system and method
US20060280364A1 (en) * 2003-08-07 2006-12-14 Matsushita Electric Industrial Co., Ltd. Automatic image cropping system and method for use with portable devices equipped with digital cameras
US7151547B2 (en) * 2004-11-23 2006-12-19 Hewlett-Packard Development Company, L.P. Non-rectangular image cropping methods and systems
US20100171712A1 (en) * 2009-01-05 2010-07-08 Cieplinski Avi E Device, Method, and Graphical User Interface for Manipulating a User Interface Object
CN101930620A (zh) * 2009-06-18 2010-12-29 晨星软件研发(深圳)有限公司 使二维影像呈现出三维效果的影像处理方法及相关影像处理装置
CN102469249A (zh) * 2010-11-04 2012-05-23 晨星软件研发(深圳)有限公司 影像校正方法及影像校正装置
CN102652322A (zh) * 2010-10-12 2012-08-29 松下电器产业株式会社 显示处理装置、显示方法和程序

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6456745B1 (en) * 1998-09-16 2002-09-24 Push Entertaiment Inc. Method and apparatus for re-sizing and zooming images by operating directly on their digital transforms
US20040202385A1 (en) * 2003-04-09 2004-10-14 Min Cheng Image retrieval
US20060280364A1 (en) * 2003-08-07 2006-12-14 Matsushita Electric Industrial Co., Ltd. Automatic image cropping system and method for use with portable devices equipped with digital cameras
US20050104897A1 (en) * 2003-11-14 2005-05-19 Walker Kenneth A.Jr. Image cropping system and method
US7151547B2 (en) * 2004-11-23 2006-12-19 Hewlett-Packard Development Company, L.P. Non-rectangular image cropping methods and systems
US20100171712A1 (en) * 2009-01-05 2010-07-08 Cieplinski Avi E Device, Method, and Graphical User Interface for Manipulating a User Interface Object
CN101930620A (zh) * 2009-06-18 2010-12-29 晨星软件研发(深圳)有限公司 使二维影像呈现出三维效果的影像处理方法及相关影像处理装置
CN102652322A (zh) * 2010-10-12 2012-08-29 松下电器产业株式会社 显示处理装置、显示方法和程序
CN102469249A (zh) * 2010-11-04 2012-05-23 晨星软件研发(深圳)有限公司 影像校正方法及影像校正装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106201386A (zh) * 2015-03-31 2016-12-07 建碁股份有限公司 拼接式显示系统及拼接式显示方法
CN106201386B (zh) * 2015-03-31 2019-05-31 建碁股份有限公司 拼接式显示系统及拼接式显示方法

Also Published As

Publication number Publication date
CN104423877B (zh) 2018-04-24
TW201508615A (zh) 2015-03-01
US20150054854A1 (en) 2015-02-26
TWI501139B (zh) 2015-09-21
US9424808B2 (en) 2016-08-23

Similar Documents

Publication Publication Date Title
CN111083380B (zh) 一种视频处理方法、电子设备及存储介质
KR101961015B1 (ko) 가상 스튜디오 연동 스마트 증강현실 서비스 시스템 및 방법
CN104143212A (zh) 基于穿戴设备的增强现实方法及系统
US20080231741A1 (en) Camera with multiple displays
JP2012094111A (ja) 画像処理装置、画像処理方法及びプログラム
CN101309389A (zh) 一种合成可视图像的方法、装置和终端
CN105930052B (zh) 一种截图方法及装置
EP4287610A1 (en) Focusing method and apparatus, electronic device, and medium
WO2023151609A1 (zh) 延时摄影视频录制方法、装置和电子设备
CN104836956A (zh) 一种手机拍摄视频的处理方法及装置
CN106791390B (zh) 广角自拍实时预览方法及用户终端
US20230362477A1 (en) Photographing method and apparatus, electronic device and readable storage medium
WO2023207174A1 (zh) 显示方法、装置、显示设备、头戴式设备及存储介质
CN104423877A (zh) 影像裁剪方法以及其便携式电子装置
CN105225265A (zh) 三维图像自动合成方法及装置
US20160350955A1 (en) Image processing method and device
US20120256911A1 (en) Image processing apparatus, image processing method, and program
US10701286B2 (en) Image processing device, image processing system, and non-transitory storage medium
KR102514702B1 (ko) 사진 촬영 이미지를 생성하기 위한 모바일 단말기 및 사진 촬영 이미지를 생성하는 방법
US20220329912A1 (en) Information processing apparatus, information processing method, and program
JP2020108112A (ja) 電子機器及びその制御方法
JP7379956B2 (ja) 画像処理装置およびプログラム
EP2816521A1 (en) Editing method of the three-dimensional shopping platform display interface for users
CN110363718A (zh) 人脸图像处理方法、装置、介质及电子设备
CN118803414A (zh) 拍摄方法、装置及电子设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant