TW201702985A - 剪裁框調整方法、影像處理裝置、以及非揮發性電腦可讀取記錄媒體 - Google Patents

剪裁框調整方法、影像處理裝置、以及非揮發性電腦可讀取記錄媒體 Download PDF

Info

Publication number
TW201702985A
TW201702985A TW105116895A TW105116895A TW201702985A TW 201702985 A TW201702985 A TW 201702985A TW 105116895 A TW105116895 A TW 105116895A TW 105116895 A TW105116895 A TW 105116895A TW 201702985 A TW201702985 A TW 201702985A
Authority
TW
Taiwan
Prior art keywords
trimming frame
touch points
virtual
touch
frame
Prior art date
Application number
TW105116895A
Other languages
English (en)
Other versions
TWI604412B (zh
Inventor
呂政勳
侯逸庭
吳克能
郭建華
吳威翰
Original Assignee
宏達國際電子股份有限公司
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 宏達國際電子股份有限公司 filed Critical 宏達國際電子股份有限公司
Publication of TW201702985A publication Critical patent/TW201702985A/zh
Application granted granted Critical
Publication of TWI604412B publication Critical patent/TWI604412B/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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
    • G06F3/04883—Interaction 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 for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04845—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2210/00—Indexing scheme for image generation or computer graphics
    • G06T2210/22—Cropping

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)
  • User Interface Of Digital Computer (AREA)
  • Studio Devices (AREA)
  • Processing Or Creating Images (AREA)

Abstract

一種剪裁框調整方法，包括：顯示一目標影像；顯示一剪裁框於該目標影像上；以及響應於在對應該剪裁框的一虛擬框中偵測到兩觸碰點的情況，根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸，其中該虛擬框是延伸自該剪裁框。

Description

剪裁框調整方法、影像處理裝置、以及非揮發性電腦可讀取記錄媒體
本案涉及方法、電子裝置、以及非揮發性電腦可讀取記錄媒體。具體而言，本案涉及剪裁框調整方法、影像處理裝置、以及非揮發性電腦可讀取記錄媒體。
隨電子科技的進展，影像處理裝置已被廣泛地應用。
剪裁操作經常用於影像處理作業中，用以分割出目標影像位於剪裁框中的特定部份。因此，如何簡便地調整剪裁框為影像處理領域中的重要議題。
本案一實施態樣涉及一種剪裁框調整方法。根據本案一實施例，剪裁框調整方法包括：顯示一目標影像；顯示一剪裁框於該目標影像上；以及響應於在對應該剪裁框的一虛擬框中偵測到兩觸碰點的情況，根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸，其中該虛擬框是延伸自該剪裁框。
根據本案一實施例，其中根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸的操作包括：根據該兩觸碰點中的一第一觸碰點的移動行為，平移該剪裁框的相鄰兩邊；以及根據該兩觸碰點中的一第二觸碰點的移動行為，平移該剪裁框的另相鄰兩邊。
根據本案一實施例，剪裁框調整方法更包括：將該虛擬框分割為四塊區域，其中該第一觸碰點與該第二觸碰點分別位於該四塊區域的兩對角區域。
根據本案一實施例，剪裁框調整方法更包括：響應於在該虛擬框中偵測到兩觸碰點的情況，根據該兩觸碰點的該些移動行為，平移該剪裁框。
根據本案一實施例，平移該剪裁框的操作包括：根據由該兩觸碰點計算出的一虛擬點的位移，平移該剪裁框。
根據本案一實施例，且該虛擬點為該兩觸碰點形成的虛擬線段的中點。
根據本案一實施例，剪裁框調整方法更包括：根據該兩觸碰點的該些移動行為，拉近(zoom in)或拉遠(zoom out)該目標影像。
根據本案一實施例，剪裁框調整方法更包括：當該兩觸碰點的一移動速度低於一預設門檻時，拉近或拉遠該目標影像。
本案一實施態樣涉及一種影像處理裝置。根據本案一實施例，影像處理裝置包括一顯示元件、一觸碰感測器、以及一處理元件。根據本案一實施例，該處理元件用以：透過該顯示元件顯示一目標影像；透過該顯示元件顯示一剪裁框於該目標影像上；以及響應於該觸碰感測器在對應該剪裁框的一虛擬框中偵測到兩觸碰點的情況，根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸。該虛擬框是延伸自該剪裁框。
根據本案一實施例，該處理元件更用以：根據該兩觸碰點中的一第一觸碰點的移動行為，平移該剪裁框的相鄰兩邊；以及根據該兩觸碰點中的一第二觸碰點的移動行為，平移該剪裁框的另相鄰兩邊。
根據本案一實施例，該虛擬框分為四塊區域，且該第一觸碰點與該第二觸碰點分別位於該四塊區域的兩對角區域。
根據本案一實施例，該處理元件更用以：響應於在該虛擬框中偵測到兩觸碰點的情況，根據該兩觸碰點的該些移動行為，平移該剪裁框。
根據本案一實施例，該處理元件更用以：根據由該兩觸碰點計算出的一虛擬點的位移，平移該剪裁框。
根據本案一實施例，該處理元件更用以：根據該兩觸碰點的該些移動行為，拉近或拉遠該目標影像。
本案一實施態樣涉及一種非揮發性電腦可讀取記錄媒體。根據本案一實施例，非揮發性電腦可讀取記錄媒體用以儲存一電腦程式，其中在執行該電腦程式時，將致使一處理器執行複數操作。該些操作包括：顯示一目標影像；顯示一剪裁框於該目標影像上；以及響應於在對應該剪裁框的一虛擬框中偵測到兩觸碰點的情況，根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸。其中該虛擬框是延伸自該剪裁框。
根據本案一實施例，根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸的操作包括：根據該兩觸碰點中的一第一觸碰點的移動行為，平移該剪裁框的相鄰兩邊；以及根據該兩觸碰點中的一第二觸碰點的移動行為，平移該剪裁框的另相鄰兩邊。
根據本案一實施例，該複數操作更包括：將該虛擬框分割為四塊區域，其中該第一觸碰點與該第二觸碰點分別位於該四塊區域的兩對角區域。
根據本案一實施例，平移該剪裁框的操作包括：根據該兩觸碰點形成一虛擬線段的一中點的位移，平移該剪裁框。
根據本案一實施例，該複數操作更包括：根據該兩觸碰點的該些移動行為，拉近或拉遠該目標影像。
根據本案一實施例，該複數操作更包括：當該兩觸碰點的一移動速度低於一預設門檻時，拉近或拉遠該目標影像。
通過應用上述一實施例，即可簡便地調整剪裁框。
100‧‧‧影像處理裝置
110‧‧‧處理元件
120‧‧‧顯示元件
130‧‧‧觸碰感測器
200‧‧‧影像分割方法
S1-S4‧‧‧操作
IMG‧‧‧目標影像
IRG1-RG4‧‧‧區域
CF‧‧‧剪裁框
VF‧‧‧虛擬框
SF‧‧‧平移框
OB1‧‧‧圖案
OB2‧‧‧圖案
OT1‧‧‧位置
OT2‧‧‧位置
MT1‧‧‧位置
MT2‧‧‧位置
MP1‧‧‧位置
MP2‧‧‧位置
lth‧‧‧延伸長度
sth‧‧‧縮減長度
r1‧‧‧位移
r2‧‧‧位移
d1‧‧‧長度
第1圖為根據本案一實施例所繪示的影像處理裝置的示意圖；第2圖為根據本發明一實施例的剪裁框調整方法的流程圖；第3A、3B圖為根據本發明一操作例所繪示的剪裁框調整方法的示意圖；以及第4圖為根據本發明一操作例所繪示的剪裁框調整方法的示意圖。
以下將以圖式及詳細敘述清楚說明本揭示內容之精神，任何所屬技術領域中具有通常知識者在瞭解本揭示內容之實施例後，當可由本揭示內容所教示之技術，加以改變及修飾，其並不脫離本揭示內容之精神與範圍。
關於本文中所使用之『電性連接』，可指二或多個元件相互直接作實體或電性接觸，或是相互間接作實體或電性接觸，而『電性連接』還可指二或多個元件元件相互操作或動作。
關於本文中所使用之『第一』、『第二』、...等，並非特別指稱次序或順位的意思，亦非用以限定本發明，其僅為了區別以相同技術用語描述的元件或操作。
關於本文中所使用之『包含』、『包括』、『具有』、『含有』等等，均為開放性的用語，即意指包含但不限於。
關於本文中所使用之『及/或』，係包括所述事物的任一或全部組合。
關於本文中所使用之方向用語，例如：上、下、左、右、前或後等，僅是參考附加圖式的方向。因此，使用的方向用語是用來說明並非用來限制本案。
關於本文中所使用之用詞(terms)，除有特別註明外，通常具有每個用詞使用在此領域中、在此揭露之內容中與特殊內容中的平常意義。某些用以描述本揭露之用詞將於下或在此說明書的別處討論，以提供本領域技術人員在有關本揭露之描述上額外的引導。
本發明的一實施態樣涉及一種影像處理裝置。在以下段落中，將以一智慧型電話或一平板電腦為例對影像處理裝置的細節進行描述，然而本案不以此為限。
第1圖為根據本案一實施例所繪示的影像處理裝置100的示意圖。在本實施例中，影像處理裝置100包括處理元件110、顯示元件120以及觸碰感測器130。在一實施例中，處理元件110電性連接顯示元件120以及觸碰感測器130。
在一實施例中，處理元件110例如可用中央處理器、微處理器、或數位訊號處理器(digital signal processor，DSP)等處理器實現，但不以此為限。顯示元件120例如可用液晶顯示器、主動矩陣有機發光二極體顯示器、或電子紙顯示器等顯示器實現，但不以此為限。觸碰感測器130例如可用觸控板實現，但不以此為限。在一實施例中，顯示元件120以及觸碰感測器130可整合為觸控顯示元件，然本案不以此為限。
在一實施例中，顯示元件120用以顯示目標影像以及於目標影像上的剪裁框。觸碰感測器130用以偵測對應於剪裁框的兩觸碰點。處理元件110用以根據此兩觸碰點的移動行為調整剪裁框。在剪裁框決定後，處理元件110可切割目標影像在剪裁框中的部份。
以下將藉由第2圖中的剪裁框調整方法以提供本案更具體細節，然本案不以下述實施例為限。
應注意到，此一剪裁框調整方法可應用於相同或相似於第1圖中所示結構之影像處理裝置。而為使敘述簡單，以下將根據本發明一實施例，以第1圖中的影像處理裝 置100為例進行對剪裁框調整方法敘述，然本發明不以此應用為限。
另外，應瞭解到，在本實施方式中所提及的剪裁框調整方法的操作，除特別敘明其順序者外，均可依實際需要調整其前後順序，甚至可同時或部分同時執行。
再者，在不同實施例中，此些操作亦可適應性地增加、置換、及/或省略。
參照第1、2圖，剪裁框調整方法200包括以下操作。
在操作S1中，處理元件110利用顯示元件120顯示目標影像。
在操作S2中，處理元件110利用顯示元件120顯示剪裁框於目標影像上。在一實施例中，剪裁框為矩形框，但不以此為限。其它形狀(如三角形或圓形)的剪裁框，亦在本案範圍之中。
在操作S3中，處理元件110判斷在相應於剪裁框的虛擬框中，觸碰感測器130是否偵測到兩觸碰點。若是，則進行操作S4。若否，則處理元件110持續判斷在相應於剪裁框的虛擬框中，觸碰感測器130是否偵測到兩觸碰點。
在一實施例中，虛擬框大於剪裁框。在一實施例中，虛擬框是自剪裁框延伸而成。在一實施例中，虛擬框的邊緣是從剪裁框的邊緣延伸一預設長度而成。在一實施例中，虛擬框為矩形，但不以此為限。
在操作S4中，響應於在虛擬框中偵測到兩觸碰點的情況，處理元件110根據此兩觸碰點的移動行為，調整剪裁框的尺寸。在一實施例中，調整後的剪裁框之尺寸係相應於此兩觸碰點的移動行為以及在調整前的剪裁框的原始尺寸。
在一實施例中，處理元件110可根據一或二觸碰點的移動行為，平移剪裁框的兩相鄰側邊。在一實施例中，剪裁框的兩相鄰側邊可根據前述兩觸碰點中的一者的位移進行平移。
在一實施例中，處理元件110可將虛擬框均等地分為四個區域(如四個象限)。每一區域對應於剪裁框的兩相鄰側邊。在前述兩觸碰點中的第一觸碰點位於第一區域，且前述兩觸碰點中的第二觸碰點位於對角於第一區域的第二區域的情況下，處理元件110可根據第一觸碰點的移動行為，平移剪裁框對應於第一區域的兩相鄰側邊，並根據第二觸碰點的移動行為，平移剪裁框對應於第二區域的另外兩相鄰側邊。
在另一實施例中，在第一觸碰點位於第一區域，且第二觸碰點位於相鄰於第一區域的第二區域的情況下，處理元件110可根據第一觸碰點的移動行為，平移剪裁框對應於第一區域的兩相鄰側邊，並根據第二觸碰點的移動行為，平移剪裁框對應於第二區域的兩相鄰側邊。其中，對應於第一區域的兩相鄰側邊中的一邊與對應於第二區域的兩相鄰側邊中的一邊彼此相同。亦即，處理元件110相應於 兩觸碰點的移動行為，平移剪裁框的三個相鄰側邊。在一些實施例中，剪裁框的剩餘的一側邊(即不相應於第一、第二區域的側邊)保持於原位。
應注意到，在一些實施例中，處理元件110亦可依據實際需求將剪裁框不均等地分為四個區域。因此，其它不同的分割剪裁框的方式亦在本案範圍之中。
在一實施例中，處理元件110可透過顯示元件120，在調整剪裁框的尺寸的過程中拉近(zoom in)或拉遠(zoom out)目標影像。在一實施例中，處理元件110可根據前述兩觸碰點的移動行為拉近或拉遠目標影像。
在一實施例中，在相應於前述兩觸碰點的一移動速度低於預設門檻時，處理元件110可拉近或拉遠目標影像。在一實施例中，在前述兩觸碰點中的一者的移動速度低於預設門檻時，處理元件110可拉近或拉遠目標影像。在另一實施例中，當前述兩觸碰點的平均移動速度低於預設門檻時，處理元件110可拉近或拉遠目標影像。在另一實施例中，當前述兩觸碰點的間距的增加速度或減少速度低於預設門檻時，處理元件110可拉近或拉遠目標影像。應注意到，以上「觸碰點的移動速度」的態樣僅為例示，其它態樣亦在本案範圍之中。
在一實施例中，處理元件110可根據前些兩觸碰點的複數移動行為拉近或拉遠目標影像。當前述觸碰點的間距增加時，處理元件110可拉遠目標影像。此外，當前述觸碰點的間距減少時，處理元件110可拉近目標影像。
透過上述本案的一實施例，即可簡便地調整剪裁框。此外，由於剪裁框是根據兩觸碰點的移動行為進行調整，故剪裁框的尺寸可被非等比例(non-proportionally)地進行調整。
此外，藉由在調整剪裁框的尺寸的過程中進行拉近及拉遠操作，可更簡便地調整剪裁框的尺寸與位置。
為使敘述清楚，以下將描述一操作例，然而本案不以下述操作例為限。
參照第3A、3B圖，在本實施例中，具有圖案OB1的目標影像IMG可顯示於顯示元件120上。顯示元件120顯示剪裁框CF於目標影像IMG的特定部位上。處理元件110藉由延伸剪裁框CF一延伸長度lth，以決定虛擬框VF。處理元件110將虛擬框VF均等地分為四個區域RG1-RG4。區域RG1位於虛擬框VF的右上角，並對應於剪裁框CF的右邊緣及上邊緣。區域RG2位於虛擬框VF的左上角，並對應於剪裁框CF的左邊緣及上邊緣。區域RG3位於虛擬框VF的左下角，並對應於剪裁框CF的左邊緣及下邊緣。區域RG4位於虛擬框VF的右下角，並對應於剪裁框CF的右邊緣及下邊緣。
當使用者用其兩根手指分別碰觸影像處理裝置100的顯示元件120上的區域RG1、RG3時，觸碰感測器130在虛擬框VF的區域RG1、RG3中分別偵測到兩觸碰點，且處理元件110開始根據此兩觸碰點的移動行為調整剪裁框CF。
特別參照第3B圖，當使用者將其第一指自位置OT1拖曳至位址MT1，且將其第二指自位置OT2拖曳至位址MT2時，處理元件110根據第一觸碰點的位移r1平移剪裁框CF的上邊緣及右邊緣，並根據第二觸碰點的位移r2平移剪裁框CF的下邊緣及左邊緣。
舉例而言，在此一狀況，第一觸碰點在+x方向上平移長度r1_x，並在+y方向上平移長度r1_y。第二觸碰點在-x方向上平移長度r2_x，並在-y方向上平移長度r2_y。處理元件110可朝+x方向以a1*r1_x的長度平移剪裁框CF的右邊緣，朝+y方向以a2*r1_y的長度平移剪裁框CF的上邊緣，朝-x方向以a3*r2_x的長度平移剪裁框CF的左邊緣，朝-y方向以a4*r2_y的長度平移剪裁框CF的下邊緣。數值a1-a4可為預設的常數。此些數值可彼此相同、部份相同、或彼此相異。
此外，在手指(即前述兩觸碰點)的移動速度低於預設門檻時，處理元件110可拉遠目標影像IMG，以令顯示於顯示元件120上的圖案OB1縮減為圖案OB2。
藉此，即可簡便地調整剪裁框CF的尺寸。此外，藉由放大剪裁框及拉遠目標影像IMG，使用者可輕易地剪裁目標影像IMG的大範圍部份。
在本案一實施例中，剪裁框調整方法200更可包括一平移操作。在此一操作中，在觸碰感測器130於虛擬框中偵測到兩觸碰點的情況下，處理元件110根據此兩觸碰點的移動行為平移剪裁框。在一實施例中，此一剪裁框可根 據前述兩觸碰點計算出的一虛擬點的位移進行平移。在一實施例中，此一虛擬點可為前述兩觸碰點形成的虛擬線段的中點。亦即，此一剪裁框可根據前述兩觸碰點的中點的位移進行平移。在一實施例中，處理元件110可同時進行剪裁框的平移操作及調整尺寸操作。應注意到，所述的虛擬點可為基於實際需求而自前述兩觸碰點計算出的任何適當的點，故本案不以上述實施例為限。
在一實施例中，處理元件110可判斷從前述兩觸碰點計算出的虛擬點是否位於相應於剪裁框的平移框中。在計算出的虛擬點位於平移框中的情況下，處理元件110根據虛擬點的位移平移剪裁框。
在一實施例中，平移框小於剪裁框。在一實施例中，平移框可自剪裁框縮減而成。在一實施例中，平移框的邊緣是從剪裁框的邊緣縮減一預設長度而成。在一實施例中，平移框為矩形，但不以此為限。
為使敘述清楚，以下將描述一操作例，然而本案不以下述操作例為限。
參照第4圖，在本實施例中，具有圖案OB1的目標影像IMG可顯示於顯示元件120上。顯示元件120顯示剪裁框CF於目標影像IMG的特定部位上。處理元件110藉由延伸剪裁框CF一延伸長度lth，以決定虛擬框VF。處理元件110藉由縮減剪裁框SF一縮減長度sth，以決定平移框SF。
當使用者用其兩根手指分別於位置OT1、OT2碰觸影像處理裝置100，觸碰感測器130在虛擬框VF中分別偵測到兩觸碰點。處理元件110判斷由前述兩觸碰點計算出的虛擬點(例如是前述兩觸碰點形成的虛擬線段的中點)的位置MP1在平移框SF，並開始根據由前述兩觸碰點計算出的虛擬點的移動行盥對剪裁框CF進行平移操作。
當使用者將其手指自位置OT1、OT2拖曳至位址MT1、MT2時，由前述兩觸碰點計算出的虛擬點自位置MP1朝+x方向位移長度d1，移至位置MP2。此時，處理元件110朝+x方向以a5*d1的長度平移剪裁框CF，其中a5可為預設的常數。
藉此，即可簡便地調整剪裁框CF。
雖然本發明已以實施例揭露如上，然其並非用以限定本發明，任何熟習此技藝者，在不脫離本發明之精神和範圍內，當可作各種之更動與潤飾，因此本發明之保護範圍當視後附之申請專利範圍所界定者為準。
200‧‧‧方法
S1-S4‧‧‧操作

Claims (20)

  1. 一種剪裁框調整方法，包括：顯示一目標影像；顯示一剪裁框於該目標影像上；以及響應於在對應該剪裁框的一虛擬框中偵測到兩觸碰點的情況，根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸，其中該虛擬框是延伸自該剪裁框。
  2. 如請求項1所述之剪裁框調整方法，其中根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸的操作包括：根據該兩觸碰點中的一第一觸碰點的移動行為，平移該剪裁框的相鄰兩邊；以及根據該兩觸碰點中的一第二觸碰點的移動行為，平移該剪裁框的另相鄰兩邊。
  3. 如請求項2所述之剪裁框調整方法，更包括：將該虛擬框分割為四塊區域，其中該第一觸碰點與該第二觸碰點分別位於該四塊區域的兩對角區域。
  4. 如請求項1所述之剪裁框調整方法，更包括：響應於在該虛擬框中偵測到該兩觸碰點的情況，根據該兩觸碰點的該些移動行為，平移該剪裁框。
  5. 如請求項4所述之剪裁框調整方法，其中平移該剪裁框的操作包括：根據由該兩觸碰點計算出的一虛擬點的位移，平移該剪裁框。
  6. 如請求項5所述之剪裁框調整方法，其中該虛擬點為該兩觸碰點形成一虛擬線段的中點。
  7. 如請求項1所述之剪裁框調整方法，更包括：根據該兩觸碰點的該些移動行為，拉近(zoom in)或拉遠(zoom out)該目標影像。
  8. 如請求項1所述之剪裁框調整方法，更包括：當該兩觸碰點的一移動速度低於一預設門檻時，拉近或拉遠該目標影像。
  9. 一種影像處理裝置，包括：一顯示元件；一觸碰感測器；以及一處理元件用以：透過該顯示元件顯示一目標影像；透過該顯示元件顯示一剪裁框於該目標影像上；以及 響應於該觸碰感測器在對應該剪裁框的一虛擬框中偵測到兩觸碰點的情況，根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸；其中該虛擬框是延伸自該剪裁框。
  10. 如請求項9所述之影像處理裝置，其中該處理元件更用以：根據該兩觸碰點中的一第一觸碰點的移動行為，平移該剪裁框的相鄰兩邊；以及根據該兩觸碰點中的一第二觸碰點的移動行為，平移該剪裁框的另相鄰兩邊。
  11. 如請求項10所述之影像處理裝置，其中該虛擬框分為四塊區域，且該第一觸碰點與該第二觸碰點分別位於該四塊區域的兩對角區域。
  12. 如請求項9所述之影像處理裝置，其中該處理元件更用以：響應於在該虛擬框中偵測到該兩觸碰點的情況，根據該兩觸碰點的該些移動行為，平移該剪裁框。
  13. 如請求項12所述之影像處理裝置，其中該處理元件更用以： 根據由該兩觸碰點計算出的一虛擬點的位移，平移該剪裁框。
  14. 如請求項9所述之影像處理裝置，其中該處理元件更用以：根據該兩觸碰點的該些移動行為，拉近或拉遠該目標影像。
  15. 一種非揮發性電腦可讀取記錄媒體，用以儲存一電腦程式，其中在執行該電腦程式時，將致使一處理器執行複數操作包括：顯示一目標影像；顯示一剪裁框於該目標影像上；以及響應於在對應該剪裁框的一虛擬框中偵測到兩觸碰點的情況，根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸；其中該虛擬框是延伸自該剪裁框。
  16. 如請求項15所述之非揮發性電腦可讀取記錄媒體，其中根據該兩觸碰點的複數移動行為，調整該剪裁框的尺寸的操作包括：根據該兩觸碰點中的一第一觸碰點的移動行為，平移該剪裁框的相鄰兩邊；以及 根據該兩觸碰點中的一第二觸碰點的移動行為，平移該剪裁框的另相鄰兩邊。
  17. 如請求項15所述之非揮發性電腦可讀取記錄媒體，其中該複數操作更包括：將該虛擬框分割為四塊區域，其中該第一觸碰點與該第二觸碰點分別位於該四塊區域的兩對角區域。
  18. 如請求項17所述之非揮發性電腦可讀取記錄媒體，其中平移該剪裁框的操作包括：根據該兩觸碰點形成一虛擬線段的一中點的位移，平移該剪裁框。
  19. 如請求項15所述之非揮發性電腦可讀取記錄媒體，其中該複數操作更包括：根據該兩觸碰點的該些移動行為，拉近或拉遠該目標影像。
  20. 如請求項15所述之非揮發性電腦可讀取記錄媒體，其中該複數操作更包括：當該兩觸碰點的一移動速度低於一預設門檻時，拉近或拉遠該目標影像。
TW105116895A 2015-06-24 2016-05-30 剪裁框調整方法、影像處理裝置、以及非揮發性電腦可讀取記錄媒體 TWI604412B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US201562183755P 2015-06-24 2015-06-24
US15/132,238 US10353569B2 (en) 2015-06-24 2016-04-19 Crop frame adjusting method, image processing device, and non-transitory computer readable storage medium

Publications (2)

Publication Number Publication Date
TW201702985A true TW201702985A (zh) 2017-01-16
TWI604412B TWI604412B (zh) 2017-11-01

Family

ID=56203178

Family Applications (1)

Application Number Title Priority Date Filing Date
TW105116895A TWI604412B (zh) 2015-06-24 2016-05-30 剪裁框調整方法、影像處理裝置、以及非揮發性電腦可讀取記錄媒體

Country Status (4)

Country Link
US (1) US10353569B2 (zh)
EP (1) EP3109749B1 (zh)
CN (1) CN106293452B (zh)
TW (1) TWI604412B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7612805B2 (en) * 2006-07-11 2009-11-03 Neal Solomon Digital imaging system and methods for selective image filtration
US10218911B2 (en) * 2017-03-22 2019-02-26 Htc Corporation Mobile device, operating method of mobile device, and non-transitory computer readable storage medium
JP6938237B2 (ja) * 2017-06-21 2021-09-22 キヤノン株式会社 情報処理装置、情報処理方法及びプログラム
CN110597386A (zh) * 2019-09-03 2019-12-20 北京爱博同心医学科技有限公司 基于增强现实的图像亮度提升方法及增强现实眼镜
CN111290811A (zh) * 2020-01-20 2020-06-16 北京无限光场科技有限公司 页面内容显示方法、装置、电子设备及计算机可读介质
CN111275726B (zh) 2020-02-24 2021-02-05 北京字节跳动网络技术有限公司 图像裁剪方法、装置、设备及存储介质

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9529440B2 (en) * 1999-01-25 2016-12-27 Apple Inc. Disambiguation of multitouch gesture recognition for 3D interaction
US8200466B2 (en) * 2008-07-21 2012-06-12 The Board Of Trustees Of The Leland Stanford Junior University Method for tuning patient-specific cardiovascular simulations
US8957865B2 (en) * 2009-01-05 2015-02-17 Apple Inc. Device, method, and graphical user interface for manipulating a user interface object
CN101907969B (zh) 2009-06-05 2012-09-05 原相科技股份有限公司 互动式图像系统及其运作方法
FR2947461B1 (fr) * 2009-07-06 2011-06-10 Rossignol Sa Planche de glisse sur neige
US8723988B2 (en) 2009-07-17 2014-05-13 Sony Corporation Using a touch sensitive display to control magnification and capture of digital images by an electronic device
US20120098639A1 (en) 2010-10-26 2012-04-26 Nokia Corporation Method and apparatus for providing a device unlock mechanism
EP2696269A1 (en) 2012-08-10 2014-02-12 BlackBerry Limited Method of momentum based zoom of content on an electronic device

Also Published As

Publication number Publication date
CN106293452B (zh) 2020-03-03
TWI604412B (zh) 2017-11-01
EP3109749A1 (en) 2016-12-28
US20160378292A1 (en) 2016-12-29
EP3109749B1 (en) 2018-02-07
US10353569B2 (en) 2019-07-16
CN106293452A (zh) 2017-01-04

Similar Documents

Publication Publication Date Title
TWI604412B (zh) 剪裁框調整方法、影像處理裝置、以及非揮發性電腦可讀取記錄媒體
JP5654340B2 (ja) サイズ変更可能なビデオウィンドウのためのアスペクト比の示唆
US9632690B2 (en) Method for operating user interface and electronic device thereof
AU2013222958B2 (en) Method and apparatus for object size adjustment on a screen
JP6171643B2 (ja) ジェスチャ入力装置
US20140176421A1 (en) Displaying method for flexible display device and flexible display device using the same
JP5701569B2 (ja) 画像表示装置、画像表示制御方法及びプログラム
US20150002424A1 (en) Information processing apparatus and control method, and recording medium
TWI490775B (zh) 運算裝置、其操作方法以及非暫態電腦可讀取媒體
JP2011028746A (ja) ジェスチャ認識方法及び同方法を用いたタッチシステム
US8762840B1 (en) Elastic canvas visual effects in user interface
TWI556195B (zh) 影像分割裝置與影像分割方法
WO2017181844A1 (zh) 控制光标的方法及装置、显示设备
EP2876540B1 (en) Information processing device
US20130321470A1 (en) Apparatus and method for viewing an image that is larger than an area of a display device
JP2017142564A5 (zh)
US20180173411A1 (en) Display device, display method, and non-transitory computer readable recording medium
US20140380208A1 (en) Electronic device and method for adjusting user interface of the electronic device
US20180173362A1 (en) Display device, display method used in the same, and non-transitory computer readable recording medium
JP2019537804A5 (zh)
US20160266773A1 (en) Information processing method and electronic device
TW201546632A (zh) 具有內容插入功能的電子裝置及其內容插入方法
KR101754921B1 (ko) 전자파일 표시용 플렉서블 장치
JP6036598B2 (ja) 情報処理装置及び情報処理プログラム
JP5925459B2 (ja) 水平ディスプレイ情報表示装置及びその表示方法