影像裁剪方法以及其便攜式電子裝置制造方法
【專利摘要】本發(fā)明揭示了一種影像裁剪方法以及其便攜式電子裝置。該便攜式電子裝置包含觸控屏幕和影像處理單元。該方法包含由觸控屏幕上顯示的數(shù)字影像裁剪出子影像；從觸控屏幕接收使用者輸入；根據(jù)使用者輸入，將使用者輸入映射到子影像的操作；及執(zhí)行與使用者輸入對應(yīng)的操作以更新子影像。
【專利說明】影像裁剪方法以及其便攜式電子裝置

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種影像裁剪方法以及其便攜式電子裝置，特別是涉及一種根據(jù)使用者輸入來更新裁剪影像內(nèi)容的影像裁剪方法。

【背景技術(shù)】
[0002]影像裁剪是一種常常被使用者所使用的影像編輯工具之一。傳統(tǒng)的影像裁剪機制會先提供某個形狀的裁剪框，比如為矩形，圓形或是心型等等…。使用者可以自由地將裁剪框移動到想要裁剪影像的位置并調(diào)整裁剪框的大小。而影像裁剪機制將進一步根據(jù)裁剪框，裁剪出子影像并儲存子影像于其他用途。舉例來說，子影像可以被儲存為單獨的影像，或是結(jié)合其他影像或影像模板儲存成合成的影像。雖然裁剪框的位置和大小可以由使用者選擇，但因為視角而造成影像和形狀的失真卻不能利用影像裁剪來解決。例如，假設(shè)影像包含非主視圖的角度的物件，物件的形狀在數(shù)字影像顯示時將被扭曲。舉例來說，矩形的物件有可能顯示成梯形形狀的影像，或是一個圓形的物件有可能顯示成橢圓形的影像。當(dāng)從數(shù)字影像中剪裁物件時，這些因視角傾斜所造成的失真也將反映在裁剪好的子影像上，而這種影像失真會造成使用者的不便或是觀看上的不舒服，特別是當(dāng)子影像包含文字或是其他有用的信息時。因此，修正這些因視角造成的失真將會對提升影像品質(zhì)有很大幫助。
[0003]為了解決以上問題，本發(fā)明提供了一種新的影像處理方法來調(diào)整因為視角而造成的失真。


【發(fā)明內(nèi)容】

[0004]本發(fā)明提供一種便攜式電子裝置，用于執(zhí)行影像裁剪的操作，包含觸控屏幕，用以于影像空間顯示數(shù)字影像，并提供使用者界面接收至少一使用者的輸入，以從數(shù)字影像中裁剪子影像；及影像處理單元，用于執(zhí)行對應(yīng)于使用者輸入的操作，影像處理單元包含空間映射模塊，用以將子影像映射到影像空間，以及將使用者輸入映射到在影像空間內(nèi)的操作；及影像裁剪模塊，用以根據(jù)使用者輸入來更新子影像。
[0005]本發(fā)明提供一種在便攜式電子裝置下使用的的影像裁剪的操作方法，該便攜式電子裝置包含觸控屏幕及影像處理單元，而該方法包含由在觸控屏幕上顯示的數(shù)字子影像，裁剪出其中子影像是從數(shù)字影像中裁減出來；從觸控屏幕接收使用者輸入；根據(jù)使用者輸入，將使用者的輸入映射到數(shù)字子影像的操作；及執(zhí)行使用者輸入的操作以更新子影像。

【專利附圖】

【附圖說明】
[0006]圖1為本發(fā)明第一實施例的影像裁剪方法示意圖。
[0007]圖2為本發(fā)明第一實施例在便攜式電子元件中的元件架構(gòu)圖。
[0008]圖3為本發(fā)明第一實施例的子影像所更新的示意圖。
[0009]圖4為本發(fā)明第一實施例的子區(qū)域以及對應(yīng)控制點位置移動的示意圖。
[0010]圖5為本發(fā)明第一實施例的裁剪空間映射至影像空間的示意圖。
[0011]圖6為根據(jù)本發(fā)明第一實施例，在子影像中使用單一拖曳輸入方式的示意圖。
[0012]圖7是根據(jù)使用者于圖6的拖曳輸入方式，裁剪空間映射至影像空間的示意圖。
[0013]圖8是根據(jù)使用者于圖6的拖曳輸入方式，子區(qū)域以及對應(yīng)控制點位置移動的示意圖。
[0014]圖9為本發(fā)明第二實施例，在子影像中同時使用二拖曳輸入方式的示意圖。
[0015]圖10是根據(jù)使用者于圖9的拖曳輸入方式，子區(qū)域以及對應(yīng)控制點位置移動的示意圖。
[0016]圖11是根據(jù)使用者于圖9的拖曳輸入方式，裁剪空間映射至影像空間的示意圖。
[0017]圖12是根據(jù)本發(fā)明的影像剪裁方法的一實施例的流程圖。
[0018]圖13是根據(jù)本發(fā)明的影像剪裁方法的另一實施例的流程圖。
[0019]附圖符號說明
[0020]M物體
[0021]Al?A4控制點
[0022]I1、12、13、14數(shù)字影像
[0023]R1、R2、R3、R4子區(qū)域
[0024]C1、C2、C3、C4子影像
[0025]BI?B4子影像的角
[0026]10便攜式電子裝置
[0027]100觸控屏幕
[0028]110觸控面板
[0029]120顯示模塊
[0030]200影像處理單元
[0031]210空間映射模塊
[0032]220影像裁剪模塊
[0033]300相機模塊
[0034]400儲存單元
[0035]Tl?T5控制區(qū)域
[0036]Vll?V14子區(qū)域中的方向向量
[0037]V21?V24子區(qū)域中的方向向量
[0038]V31?V34子區(qū)域中的方向向量
[0039]V41?V44子區(qū)域中的方向向量
[0040]Dl?D4子影像中的方向向量
[0041]D5?D8子影像中的方向向量
[0042]Xl?X4控制點
[0043]D14、D67輸入向量
[0044]V123.V414輸出向量
[0045]S1210-S1260步驟
[0046]S1310-S1370步驟

【具體實施方式】
[0047]請參考圖1，圖1為本發(fā)明第一實施例的影像裁剪方法。此影像裁剪方法可在移動電子元件執(zhí)行，例如智能型手機或是平板計算機，而移動電子元件包含觸控屏幕和相機模塊。如圖1所示，數(shù)字影像Il由使用者提供并且顯示在觸控屏幕上，數(shù)字影像Il可為相機擷取的影像，亦可從移動電子元件內(nèi)部的儲存元件、外部儲存元件或是其他數(shù)據(jù)來源獲得。移動電子元件于觸控屏幕上提供使用者界面以執(zhí)行數(shù)字影像Ii的操作。在本實施例中，使用者界面提供使用者影像剪裁的功能以將子影像Cl由數(shù)字影像Il中剪裁出來。剪裁出來的子影像Cl會被觸控屏幕顯示后再被儲存成單張影像。之前的方法如果使用者想要儲存子影像Cl，使用者可能要下一個輸入指令使得子影像Cl允許被儲存并修改。例如，使用者可能要進一步編輯子影像Cl的內(nèi)容。如本實施例圖1所示，數(shù)字影像Il包含物件M，物件M是一個繪畫版。在子影像的每一個角BI?B4分別對應(yīng)每一個控制點Al?A4。為了產(chǎn)生子影像Cl，首先定義子區(qū)域R1，子區(qū)域Rl為在數(shù)字影像Il中對應(yīng)控制點Al?A4范圍的區(qū)域，當(dāng)使用者操作子影像Cl時，對應(yīng)的控制點Al?A4的位置將會被更新，因此子影像Cl的位置和范圍也會被更新。
[0048]圖2描述了便攜式電子元件10根據(jù)本發(fā)明的實施例執(zhí)行影像裁剪操作。便攜式電子元件10包含觸控屏幕100、影像處理單元200、相機模塊300以及儲存單元400。觸控屏幕100被用來顯示數(shù)字影像并提供使用者界面以接收使用者的輸入。觸控屏幕100包含觸控面板110以接收使用者輸入，以及顯示模塊120來顯示數(shù)字影像和使用者界面。影像處理單元200用來接收數(shù)字影像并執(zhí)行各種的影像處理。影像可從各種來源取得，比如相機模塊300以和/或儲存單元400。此外，影像處理單元200用來接收使用者來自觸控屏幕100的輸入并執(zhí)行對應(yīng)的影像處理。而已處理的影像將再被觸控屏幕100顯示出來和/或儲存于儲存單兀400中。
[0049]影像處理單元200包含空間映射模塊210以及影像裁剪模塊220?？臻g映射模塊210用來定義影像空間和裁剪空間，并將接收到的使用者輸入由一個空間轉(zhuǎn)換到另一個空間。影像裁剪模塊220根據(jù)使用者輸入，在數(shù)字影像中裁剪出子區(qū)域，并且提供對應(yīng)子區(qū)域的子影像。影像裁剪模塊220另根據(jù)使用者輸入調(diào)整子影像的影像畫素和/或位置。
[0050]圖1詳細說明如下。觸控屏幕100顯示數(shù)字影像Il并接收使用者為了由數(shù)字影像Il裁剪子區(qū)域Rl所做的輸入。當(dāng)使用者通過觸控屏幕100輸入時，觸控屏幕100會傳送使用者輸入到影像處理單元200。而空間映射模塊210將會決定在數(shù)字影像Il中，子區(qū)域Rl的所在位置，并根據(jù)子區(qū)域R1，在數(shù)字影像Il中裁剪出對應(yīng)的子影像Cl。子影像Cl接著被傳送到觸控屏幕100上顯示給使用者。如圖1所示，空間映射模塊210定義了對應(yīng)數(shù)字影像Il的影像空間以及定義了對應(yīng)子影像Cl的剪裁空間。而子區(qū)域Rl在影像空間中會被多個控制點Al?A4所定義。影像裁剪模塊220根據(jù)控制點Al?A4所圍成的范圍在數(shù)字影像Il中裁剪出子區(qū)域R1。這里說明一下觸控屏幕100可以先預(yù)覽數(shù)字影像II，而預(yù)覽的分辨率較差。雖然預(yù)覽的分辨率較差，但在影像裁剪時，影像裁剪模塊220將從完整分辨率的數(shù)字影像Il進行裁剪操作。影像裁剪模塊220另對子影像Cl執(zhí)行其他的操作功能，比如說影像放大、縮小、翻轉(zhuǎn)等等…。特別的是，影像裁剪模塊220會把一個由影像空間內(nèi)使用者所選擇的非矩形子影像轉(zhuǎn)換成在裁剪空間內(nèi)矩形的影像。
[0051]請參考圖3和圖4，圖3和圖4描述了根據(jù)本發(fā)明的實施例執(zhí)行影像裁剪操作過程。如圖3的左邊并參考圖2，影像裁剪模塊220從數(shù)字影像12中產(chǎn)生剪裁后的子影像C2，并提供子影像C2至觸控屏幕100以顯示給使用者。數(shù)字影像12是位于影像空間內(nèi)而子影像C2是位于裁剪空間內(nèi)。多個控制點Al?A4定義了在影像空間中，對應(yīng)裁剪空間內(nèi)的子影像C2的子區(qū)域R2。當(dāng)收到使用者輸入時，空間映射模塊210將把影像空間內(nèi)的子區(qū)域R2轉(zhuǎn)成裁剪空間內(nèi)的子影像C2。在本實施例中，在數(shù)字影像中12的子影像C2—開始并沒有包含物體M。使用者將通過觸控屏幕100輸入使用者輸入指令去更新子影像C2的內(nèi)容。因為在一開始的子影像中，物體M左邊部分顯示的影像不完整，使用者將利用他/她的手指在觸控屏幕上以拖曳的方式由左往右移動直到子影像C2完全包含物體M為止。如圖3右邊所示，為了更新子影像C2的內(nèi)容，空間映射模塊210將會映射使用者輸入的操作到影像空間內(nèi)的多個控制點Al?A4。多個控制點Al?A4在上述例子會由右移動到左，和使用者輸入的拖曳方向相反。在本實施例中，多個控制點Al?A4是同時移動的，在其他實施例中，多個控制點Al?A4可分別移動。
[0052]圖5描述了根據(jù)本發(fā)明的實施例執(zhí)行的空間映射機制?？臻g映射機制將在空間映射模塊210中被執(zhí)行。當(dāng)子影像在裁剪空間內(nèi)時，在子影像中的多個控制區(qū)域Tl?T5會被空間映射模塊210所定義。一部分的多個控制區(qū)域，在本實施例為控制區(qū)域Tl?T4，用于分別對應(yīng)影像空間內(nèi)的多個控制點Al?A4。使用者在控制區(qū)域中的拖曳輸入將會映射為影像空間內(nèi)對應(yīng)控制點的操作。舉例來說，使用者在控制區(qū)域Tl中的拖曳輸入將會映射為影像空間內(nèi)控制點Al的操作。然而，當(dāng)使用者在中間的控制區(qū)域T5進行拖曳輸入時，所有的多個控制點Al?A4將同時移動。
[0053]這里說明一下，在影像空間中的多個控制點Al?A4可能不會把子影像C2圍成正方形或是矩形的區(qū)域，因此使用者輸入的移動方向會在影像空間中被重新映射為適當(dāng)?shù)姆较?。首先，影像空間可被視為由多個控制點Al?A4所建構(gòu)而成的向量空間。每一控制點Al?A4分別包含4條主要的方向向量。在圖5中，以控制點Al為例，向量Vll是由控制點Al指向A3的方向、向量V12是由控制點A2指向Al的方向、向量V13是由控制點A3指向Al的方向以及向量V14是由控制點Al指向A2的方向。當(dāng)使用者以拖曳的方式在控制區(qū)域Tl進行輸入時，同時也產(chǎn)生了輸入向量，而這輸入向量會根據(jù)多個方向向量VlI?V14被映射為輸出向量。同理，在控制點A2包含4條主要的方向向量V21?V24，當(dāng)使用者以拖曳的方式在控制區(qū)域T2進行輸入時，同時也產(chǎn)生了輸入向量，而且這輸入向量將會根據(jù)多個方向向量V21?V24被映射為輸出向量。在控制點A3包含4條主要的方向向量V31?V34，當(dāng)使用者以拖曳的方式在控制區(qū)域T3進行輸入時，同時也產(chǎn)生了輸入向量，而這輸入向量將會根據(jù)多個方向向量V31?V34被映射為輸出向量。在控制點A4包含4條主要的方向向量V41?V44，當(dāng)使用者以拖曳的方式在控制區(qū)域T4進行輸入時，同時也產(chǎn)生了輸入向量，而這輸入向量將會根據(jù)多個方向向量V41?V44被映射為輸出向量。當(dāng)使用者以拖曳的方式在控制區(qū)域T5進行輸入時，如果使用者輸入為水平移動，多個控制點Al?A4也將根據(jù)使用者輸入同步水平移動，如果使用者輸入為垂直移動，多個控制點Al?A4也將根據(jù)使用者輸入同步垂直移動。
[0054]為了更好說明使用者輸入和多個控制點相互移動關(guān)系，以下特舉實施例來詳細說明，但所提供的實施例并非用以限制本發(fā)明所涵蓋的范圍。
[0055]請參照圖6?8，圖6?8描述了使用者輸入在特定的控制區(qū)間被接收的例子。如圖6左邊所示，首先，未調(diào)整的子影像C3通過觸控屏幕100提供給使用者?？梢钥闯鲈谧佑跋馛3的左上方區(qū)域有很大的失真。在這例子中，使用者希望藉由修正子影像的影像內(nèi)容以改善失真。為了此需求，使用者會由子影像C3的左上方角落傳送一個拖曳輸入。而使用者的拖曳輸入在裁剪空間內(nèi)就如圖7左邊所示，而使用者的拖曳輸入在裁剪空間內(nèi)隨即被轉(zhuǎn)為輸入向量D14。如圖7左邊所示，輸入向量D14落在控制區(qū)域Tl，而且輸入向量D14隨后會被映射至在影像空間中與控制點Al有關(guān)的輸出向量V123。這邊說明一下輸出向量V123和輸入向量D14為反向關(guān)系。在此例中，當(dāng)使用者通過觸控屏幕100把在子影像C3之外的影像拖曳到子影像C3中時，相當(dāng)于多個控制點Al?A4經(jīng)由使用者輸入而擴大所圍成的子影像C3范圍，因此控制點的輸出向量V123和使用者的輸入向量D14為反向關(guān)系。
[0056]附加說明，輸入向量D14為根據(jù)使用者拖曳輸入方向而決定(比如由追蹤使用者在觸控面板100的拖曳起點到拖曳終點)，且輸入向量D14能在裁剪空間中被主要的方向向量Dl和D4合成。一般來說，裁剪空間中只有矩形才會有正確的影像夾角(垂直夾角)。因此，當(dāng)每一在裁剪空間中的輸入向量被對應(yīng)控制點的兩條主要方向向量合成時，這兩條主要的方向向量如果為矩形的垂直鄰邊向量才算具有正確的影像夾角?？梢詫φ請D7中方向向量Dl和D4的例子。在圖7中，影像空間內(nèi)的多個控制點Xl?X4圍成的范圍并不是矩形或正方形，因此多個控制點Xl?X4所對應(yīng)的主要方向向量Vll?V14、V21?V24、V31?V34、V41?V44是歪斜的向量，并不是如矩形的垂直鄰邊向量，故沒有正確的夾角。所以在裁剪空間中的輸入向量D14要轉(zhuǎn)換成影像空間中的輸出向量V123時，由于裁剪空間中的輸入向量D14可被具有正確角度的方向向量Dl和D4合成，而影像空間中的輸出向量V123則被具有不正確角度的方向向量V12和V13合成。故空間映射模塊210必須要根據(jù)D14和Dl的夾角以及V123和V12的夾角來計算由輸入向量D14映射到輸出向量V123的等效移動距離和方向。
[0057]在本實施例中，控制點Xl和經(jīng)由裁剪后顯示出來的子影像C3可以根據(jù)使用者的拖曳輸入即時更新。在此，當(dāng)使用者把他/她的手指放在觸控屏幕上時，子影像C3就會隨著手指移動而更新。使用者可以在想要的子影像到適當(dāng)位置時停止拖曳。在本例中，因為控制點Xl會隨著使用者手指的移動而更新而連帶子影像C3也同步更新。這邊說明一下，根據(jù)控制點Xl的更新，對應(yīng)輸入方向向量Dl?D4的輸出方向向量Vll?V14也會一起更新。換句話說，當(dāng)控制點Xl移動位置時，在多個控制點Xl?X4所構(gòu)成的平面上，其座標軸的方向會發(fā)生變化，故控制點Xl對應(yīng)的方向向量Vll?V14也會發(fā)生變化。
[0058]圖8說明了在影像空間中的影像裁剪過程。子區(qū)域R3是多個控制點Xl?X4通過影像裁剪模塊220裁剪后所圍成的區(qū)域，而在子區(qū)域R3內(nèi)的影像會被顯示為子影像C3，如圖6所示。控制點Xl的起始值因被放在目標物體M之中而被使用者修改。當(dāng)使用者的拖曳輸入被接收后，控制點Xl被移動到想要的位置，這個位置就在目標物體M的左上角，如圖8所示。這邊說明一下，即使在數(shù)字影像13中子區(qū)域R3的外觀形狀不是矩形，子區(qū)域R3會以矩形的形式映射到裁剪空間內(nèi)。因此，在子區(qū)域R3中邊緣或是邊角的影像失真將在子影像C3中被校正，可以參照圖6和圖8的比較即可明了。更簡單的說，數(shù)字影像13中子區(qū)域R3所對應(yīng)的影像并不是正視圖，但是在子區(qū)域R3的影像映射到裁剪空間內(nèi)而產(chǎn)生對應(yīng)的子影像C3后，顯示出的子影像C3即為正視圖而具有較好的視覺效果。
[0059]圖9-11描述了本發(fā)明的第二個實施例。在此實施例中，使用者界面具有接收使用者多個拖曳輸入的能力，并亦具有同時控制對應(yīng)多個控制點的能力。請先參照圖9，子影像C4首先通過觸控屏幕100在使用者界面顯示給使用者。其中子影像是從圖10的數(shù)字影像14中，通過多個控制點Xl?X4所圍成的子區(qū)域R4所對應(yīng)的影像。如圖10左邊所示，數(shù)字影像14中的左上和右下部分并沒有被子區(qū)域R4包含。所以使用者會使用兩根手指同時把影像中左上和右下角向中間拖曳(如圖9左)，此行為相當(dāng)于控制點Xl和控制點X4分別由左上和右下角向外移動(如圖10)。請接著參照圖11，在本例中，使用者二輸入同時發(fā)生在控制區(qū)域Tl和T4，而被轉(zhuǎn)成二輸入向量D14和D67。此二輸入向量D14和D67在影像空間中會被映射成二輸出向量V123和V414，且二輸入向量D14和D67和二輸出向量V123和V414為反向關(guān)系。在本實施例中，輸入向量D14和輸出向量V123的映射方式相似于在圖7所敘的實施例所敘述的方式。然而輸入向量D67映射到輸出向量V414是根據(jù)D67和D6(或D7)的夾角以及V414和V44(或V41)的夾角以計算由輸入向量D67映射到輸出向量V414的等效移動距離和方向。
[0060]這邊說明一下，本發(fā)明的使用者輸入可為對應(yīng)單一控制點的單一輸入，亦可為對應(yīng)多個控制點的多個輸入。請參照圖12，圖12描述了依據(jù)本發(fā)明的影像剪裁方法的步驟的實施例。本發(fā)明的影像剪裁方法可被應(yīng)用在便攜式的電子元件上，像是智能型手機，平板計算機等等…。這便攜式的電子產(chǎn)品包含觸控屏幕，為了要顯示影像給使用者并且提供使用者界面以接收使用者輸入。便攜式電子元件亦包含影像處理單元以執(zhí)行各種不同的影像處理。由步驟S1210開始，觸控屏幕顯示數(shù)字影像，數(shù)字影像可從便攜式電子元件的相機模塊中擷取或是從便攜式電子元件內(nèi)部或外部的儲存元件中獲得。接下來，在步驟S1220中，觸控屏幕接收到使用者輸入，輸入為使用者在數(shù)字影像中，為了調(diào)整子區(qū)域范圍的操作。正如前面所提的，觸控屏幕提供使用者界面以接收使用者對應(yīng)于各種不同操作的輸入。使用者界面可包含影像編輯功能，像是旋轉(zhuǎn)、裁剪、效果等等…。使用者可以通過使用者界面選擇想要的功能，在本發(fā)明所舉的實施例中就是使用裁剪功能。使用者在此輸入數(shù)字影像該如何被裁剪的信息。在步驟S1230中，便攜式電子元件中的影像處理單元由數(shù)字影像中裁剪子區(qū)域，并提供對應(yīng)的子影像以顯示在觸控屏幕上。這邊說明一下，當(dāng)數(shù)字影像顯示在觸控屏幕上時，它可能只是預(yù)覽的影像所以分辨率較低；但影像處理單元由數(shù)字影像中裁剪子區(qū)域時，是以全分辨率的數(shù)字影像來裁剪，所以裁剪出的子影像是全分辨率的。
[0061]當(dāng)瀏覽子影像時，使用者也許會將子影像做進一步的操作。觸控屏幕也會繼續(xù)提供使用者界面以接收使用者對于子影像所輸入的各種不同操作。比如說，使用者不滿意裁剪而成的子影像大小而想要修改等等…。在步驟S1240中，觸控屏幕接收到使用者為了編輯子影像所做的第二次輸入。這使用者輸入可能是單一觸控輸入或是多重觸控輸入，當(dāng)然這些輸入包含了使用者想要如何修改子影像的訊息。舉例來說，使用者利用由左到右的拖曳輸入來改變子區(qū)域所對應(yīng)的影像，或是使用者從子影像的一角或多角往子影像中間拖曳以擴大子影像在數(shù)字影像中的涵蓋范圍。這邊說明一下，使用者可以直接經(jīng)由觸控屏幕中顯示的子影像修改其內(nèi)容，而不需要返回到原始的數(shù)字影像在重新選擇一次新的子區(qū)域來裁剪。在步驟S1250中，使用者輸入被映射至數(shù)字影像的操作。在本發(fā)明實施例中，影像處理單元定義數(shù)字影像對應(yīng)的影像空間以及子影像對應(yīng)的裁剪空間。在觸控屏幕上的使用者輸入首先會被裁剪空間接收，隨后使用者輸入會被轉(zhuǎn)為在影像空間內(nèi)的操作。如前所述，在剪裁空間中，對應(yīng)于子影像的多個個控制區(qū)域會被決定；在影像空間中，對應(yīng)于多個控制區(qū)域的多個控制點亦會被決定。任何落在一或多控制區(qū)域內(nèi)的使用者輸入會被映射至一或多控制點的輸出。在此，影像處理單元會將使用者于對應(yīng)控制區(qū)域內(nèi)的輸入轉(zhuǎn)換成輸入向量，接者將輸入向量映射至輸出向量，此輸出向量有關(guān)于對應(yīng)控制點位置的移動。在步驟S1260中，影像處理單元執(zhí)行對應(yīng)的操作以更新子影像。而控制點依據(jù)輸出向量而移動位置造成了子區(qū)域范圍被調(diào)整，子影像也因此被更新。這邊說明一下輸入向量和輸出向量為反向關(guān)系。舉例來說，假設(shè)輸入向量方向為由左至右(使用者利用由左至右的拖曳進行輸入)，輸出向量方向即為由右至左(控制點由右至左移動)。
[0062]圖13描述了本發(fā)明的影像剪裁方法的步驟的另一實施例。類似圖12中所述，本例亦可被包含觸控屏幕和影像處理元件的便攜式電子裝置實現(xiàn)。在步驟S1310中，觸控屏幕顯示子影像。而子影像是對應(yīng)于數(shù)字影像中經(jīng)裁剪后子區(qū)域的影像，在步驟S1320中，觸控屏幕接收使用者輸入，且觸控屏幕提供使用者界面用來接收使用者對子影像的各種操作所對應(yīng)的輸入。在步驟S1330中，影像處理單元定義了數(shù)字影像對應(yīng)的影像空間以及子影像對應(yīng)的剪裁空間。這邊說明一下步驟S1330可能在步驟S1320之前就先執(zhí)行了。在影像空間中，對應(yīng)子影像的子區(qū)域是被多個控制點圍成的范圍。在裁剪空間中，多個控制區(qū)域會被決定，每一控制區(qū)域?qū)?yīng)在影像空間中一或多控制點。在步驟S1340中，影像處理單元將使用者輸入從裁剪空間映射至影像空間。影像處理單元在接收到使用者輸入時，決定輸入是落于一或多控制區(qū)域。假如使用者輸入為單一輸入，輸入所對應(yīng)的單一控制區(qū)域就會被決定。使用者輸入的移動方向隨后會在對應(yīng)的控制區(qū)域被轉(zhuǎn)成輸入向量。在步驟S1350中，影像處理單元根據(jù)使用者輸入調(diào)整在影像空間中的子區(qū)域。當(dāng)使用者輸入被轉(zhuǎn)為輸入向量，再被轉(zhuǎn)為輸出向量時，影像處理單元根據(jù)輸出向量調(diào)整對應(yīng)的控制點。如前文所述，子區(qū)域是根據(jù)多個控制點所圍成的范圍而決定的。藉由調(diào)整多個控制點的位置，在數(shù)字影像中的子區(qū)域范圍也會隨的調(diào)整。在步驟S1360中，子影像通過觸控屏幕隨時更新。這邊說明一下，子影像會隨著收到使用者輸入而同步更新，更精確地說，子影像會隨著使用者的拖曳輸入移動而即時或是稍有延遲的更新。雖然使用者在影像空間中對數(shù)字影像的子區(qū)域進行剪裁操作，但使用者界面仍顯示裁剪空間中對應(yīng)子區(qū)域的子影像。在最后一個步驟S1370中，已更新的子影像可被儲存于在便攜式電子元件的儲存單元或是外部儲存元件。舉例來說，使用者可將子影像儲存至便攜式元件的記憶體中或是上傳子影像到社群網(wǎng)路的多媒體伺服器上。
[0063]以上所述僅為本發(fā)明的較佳實施例，凡依本發(fā)明的權(quán)利要求所做的均等變化與修飾，皆應(yīng)屬本發(fā)明的涵蓋范圍。
【權(quán)利要求】
1.一種便攜式電子裝置，用于執(zhí)行影像裁剪的操作，包含: 一觸控屏幕，用以于一影像空間顯示一數(shù)字影像，并提供一使用者界面接收至少一使用者輸入，以從該數(shù)字影像中裁剪一子影像 '及 一影像處理單元，用于執(zhí)行對應(yīng)于該使用者輸入的操作，該影像處理單元包含: 一空間映射模塊，用以將該子影像映射到該影像空間，以及將該使用者輸入映射到在該影像空間內(nèi)的操作 '及 一影像裁剪模塊，用以根據(jù)該使用者輸入來更新該子影像。
2.如權(quán)利要求1所述的便攜式電子裝置，其中該空間映射模塊還用于定義該數(shù)字影像所對應(yīng)的影像空間以及該子影像所對應(yīng)的一裁剪空間，并用來將該使用者輸入由該裁剪空間映射到該影像空間以調(diào)整該子影像在該影像空間的范圍。
3.如權(quán)利要求2所述的便攜式電子裝置，其中該空間映射模塊在該影像空間中定義多個個控制點以及在該裁剪空間中定義了多個個對應(yīng)的控制區(qū)域，當(dāng)接收到該使用者輸入時，該空間映射模塊會在一第一控制區(qū)域?qū)⒃撌褂谜咻斎雽?yīng)至一第一控制點的操作。
4.如權(quán)利要求3所述的便攜式電子裝置，其中該多個個控制點用以決定該子影像在該影像空間的范圍。
5.如權(quán)利要求3所述的便攜式電子裝置，其中該空間映射模塊依據(jù)該使用者輸入調(diào)整該多個個控制點在該影像空間的位置，且該影像裁剪模塊依據(jù)多個個已調(diào)整的控制點更新該子影像。
6.如權(quán)利要求2所述的便攜式電子裝置，其中在該裁剪空間中，該使用者輸入被轉(zhuǎn)換成一輸入向量，該輸入向量再被映射至該影像空間中的一輸出向量，且該輸入向量與該輸出向量為反向關(guān)系。
7.如權(quán)利要求1所述的便攜式電子裝置，還包含: 一相機模塊，用來擷取該數(shù)字影像；及 一儲存單元，用來儲存該數(shù)字影像和該子影像。
8.如權(quán)利要求1所述的便攜式電子裝置，其中當(dāng)接收該使用者輸入后，不需隨即回復(fù)至該數(shù)字影像。
9.一種便攜式電子裝置的影像裁剪方法，該便攜式電子裝置包含一觸控屏幕及一影像處理單元，該方法包含: 由該觸控屏幕上顯示的一數(shù)字影像裁剪出一子影像； 從該觸控屏幕接收一使用者輸入； 根據(jù)該使用者輸入，將該使用者輸入映射到該子影像的操作 '及 執(zhí)行該使用者輸入以更新該子影像。
10.如權(quán)利要求9所述的影像裁剪方法，還包含: 定義對應(yīng)于該數(shù)字影像的一影像空間以及對應(yīng)于該子影像的一裁剪空間； 根據(jù)該使用者輸入調(diào)整該子影像的范圍。
11.如權(quán)利要求10所述的影像裁剪方法，還包含: 在該影像空間中定義多個個控制點以及在該裁剪空間中定義多個個對應(yīng)的控制區(qū)域； 其中根據(jù)該使用者輸入調(diào)整該子影像的范圍為根據(jù)該使用者輸入于一控制區(qū)域調(diào)整一控制點的位置以調(diào)整該子影像的范圍。
12.如權(quán)利要求11所述的影像裁剪操作方法，其中該多個個控制點定義該子影像在該影像空間中的范圍。
13.如權(quán)利要求10所述的影像裁剪操作方法，其中根據(jù)該使用者輸入調(diào)整該子影像的范圍包含: 在該裁剪空間中將該使用者輸入轉(zhuǎn)換成一輸入向量；及 在影像空間中將該輸入向量映射為一輸出向量，其中該輸入向量和該輸出向量為反向關(guān)系。
14.如權(quán)利要求9所述的影像裁剪操作方法，還包含將一已更新的子影像映射至該影像空間。
15.如權(quán)利要求9所述的影像裁剪操作方法，還包含將一已更新的子影像儲存至一儲存單元。
【文檔編號】G06F3/0488GK104423877SQ201410038606
【公開日】2015年3月18日 申請日期:2014年1月27日 優(yōu)先權(quán)日:2013年8月22日
【發(fā)明者】李懷哲, 陳立承, 巫震偉, 闕鑫地 申請人:宏達國際電子股份有限公司