TWI493429B - 影像尺寸調整方法 - Google Patents
影像尺寸調整方法 Download PDFInfo
- Publication number
- TWI493429B TWI493429B TW100134024A TW100134024A TWI493429B TW I493429 B TWI493429 B TW I493429B TW 100134024 A TW100134024 A TW 100134024A TW 100134024 A TW100134024 A TW 100134024A TW I493429 B TWI493429 B TW I493429B
- Authority
- TW
- Taiwan
- Prior art keywords
- magnification
- image
- image size
- size adjustment
- area
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims description 30
- 238000010586 diagram Methods 0.000 claims description 12
- 238000006073 displacement reaction Methods 0.000 claims description 5
- 230000000694 effects Effects 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
Landscapes
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Description
本發明是關於一種影像尺寸調整方法,特別是一種針對局部影像放大的影像尺寸調整方法。
近年來,隨著科技與資訊的日新月異,電子產品的製造技術亦日漸進步。在現代人追求輕便性與實用性的考量下,電子產品更朝著輕薄短小的特性邁進。
以電腦裝置為例,從早期只有桌上型電腦的情況,直到現今發展出可隨身攜帶的筆記型電腦,而筆記型電腦更從早期的大尺寸筆記型電腦(螢幕尺寸12吋以上)小型化到目前市面常見的小尺寸筆記型電腦(螢幕尺寸10吋以下)。由於現代人追求電子產品小型化的趨勢,近年來更發展出體積較小型筆記型電腦更小更薄的平板型電腦。平板型電腦具有輕薄的特點,且平板型電腦的輸入介面係採用觸控技術。更進一步來說,平板型電腦本身並不具有傳統的機械式鍵盤或是滑鼠,平板型電腦係以觸控螢幕來做為使用者操作平板型電腦時的輸入介面。由於平板型電腦的螢幕尺寸較小,因此平板型電腦的內件操作軟體或硬體係具有放大畫面功能的指令,以利使用者將畫面放大而方便觀賞。
然而,目前平板型電腦的畫面放大功能係指能針對全部畫面同時進行放大顯示。因此當使用者欲觀看某一小部份的放大畫面內容時,則必須將整體放大畫面進行移動,以將此部份的放大畫面調整移動至適合觀賞的畫面位置。因此,目前平板型電腦的畫
面放大功能並沒有只針對局部區域進行放大的效果,如此將造成使用者使用上的不便。
並且,平板電腦的處理器運算效能並不若筆記型電腦或是桌上型電腦,因此僅需觀看部分的內容卻要全部放大,則對系統的運算負載相對增加。如此一來,若操作平板電腦進行畫面放大時,將容易造成畫面延遲顯示的問題發生。
本發明在於提供一種影像尺寸調整方法,藉以解決平板型電腦的畫面放大功能並沒有只針對局部區域進行放大的效果,造成使用者於觀賞上的不便以及系統運算負載增加之問題。
本實施例所揭露之影像尺寸調整方法包括以下步驟:於一螢幕上顯示一瀏覽畫面;接收一影像尺寸調整指令,影像尺寸調整指令並選取一尺寸調整座標;並根據尺寸調整座標產生一目標範圍區域及一影像尺寸調整區域,再依據一放大倍率將目標範圍區域內的畫面放大並顯示於瀏覽畫面上的影像尺寸調整區域。
根據上述本實施例所揭露之影像尺寸調整方法,係可令使用者隨意地選取瀏覽畫面上的局部區域,並將選取的區域畫面放大並顯示於影像尺寸調整區域。因此本實施例之影像尺寸調整方法可解決目前平板型電腦的畫面放大功能無法針對局部區域進行放大的效果,進而提供使用者方便地觀賞與簡易的操作模式。此外,本實施例之影像尺寸調整方法更可減少系統運算之負載,以提升電腦系統之性能。
有關本實施例的特徵、實作與功效,茲配合圖式作最佳實施
例詳細說明如下。
請參照「第1圖」,並同時搭配「第2圖」至「第5圖」,「第1圖」是一實施例之影像尺寸調整方法的流程圖,「第2圖」與「第3圖」是一實施例之執行影像尺寸調整指令的示意圖,「第4圖」是一實施例之目標物放大的示意圖,「第5圖」是一實施例之執行倍率調整指令的示意圖。
本實施例之影像尺寸調整方法係可適用於桌上型電腦、個人電腦或是平板型電腦的作業系統,而本實施例之圖式係以具有觸控面板的平板型電腦為例,但不以此為限。
首先,電腦系統於平板型電腦的觸控螢幕10上顯示有一瀏覽畫面100,並於瀏覽畫面100上顯示一執行圖示102(S110),如「第2圖」所示。
其中,上述的瀏覽畫面100可以是一系統執行桌面、一網頁或一文件軟體介面,但不以此為限。就本實施例之圖示所呈現,瀏覽畫面100係以網頁為例。上述的執行圖示102可以是任何圖樣,譬如可以是一圓框圖樣、一放大鏡圖樣、一星形圖樣或一矩形圖樣。就本實施例之執行圖示102而言,執行圖示102係為一圓框圖樣,且執行圖示102位於瀏覽畫面100得右上角,但不以此為限。並且,執行圖示102可以是定點地顯示於瀏覽畫面100上,或者執行圖示102也可嵌設於瀏覽器的圖框介面內,但不以此為限。
當使用者欲對瀏覽畫面100上的局部區域之一目標物110(譬
如圖式中的鋼琴圖樣)進行放大時,係對平板型電腦的觸控螢幕10下達一影像尺寸調整指令。所謂的影像尺寸調整指令之操作步驟係為,使用者係利用手指30觸碰瀏覽畫面100上的執行圖示102,接著使用者的手指30並由一初始位置23’沿著一第一拖曳路徑21位移至一終點位置23,使手指30指向目標物110上,如「第3圖」所示。
其中,當手指30觸碰到執行圖示102並進行拖曳的動作時,電腦系統便接收到此影像尺寸調整指令的訊號,並令執行圖示102由瀏覽畫面100上的初始位置23’跟隨著手指30的移動而位移至終點位置23。並且,電腦系統開始計算終點位置23所對應的一尺寸調整座標(S120)。
接著,電腦系統移除執行圖示102,使執行圖示102不顯示於瀏覽畫面100上(S130)。
接著,電腦系統根據尺寸調整座標以及一第一預設框24而獲取一目標範圍區域241(S140)。
電腦系統並根據尺寸調整座標以及一第二預設框25而獲取一影像尺寸調整區域251(S150)。
其中,第一預設框24以及第二預設框25係內建於電腦系統內,且第一預設框24及第二預設框25可分別皆為一圓框。在本實施例中,第一預設框24的半徑小於第二預設框25的半徑,譬如第一預設框24為一半徑為2公分的圓框,而第二預設框25為一半徑為3公分的圓框。電腦系統將尺寸調整座標分別設為第一預設框24及第二預設框25的圓心,以分別定義第一預設框24所
環繞的範圍為上述的目標範圍區域241,而第二預設框25所環繞的範圍為上述的影像尺寸調整區域251。其中,第一預設框24及第二預設框25可的外形非用以限定本發明。在其他實施例當中,第一預設框24及第二預設框25的外形也可以是矩形。
接著,電腦系統可根據一預設的放大倍率而將目標範圍區域241內的畫面放大,並且將上述放大的畫面顯示於瀏覽畫面100上的影像尺寸調整區域251內(S160)。舉例來說,電腦系統以150%的倍率將目標範圍區域241內目標物110(圖式中的鋼琴圖樣)放大而成為放大150%的目標物112,並且將放大150%的目標物112顯示於影像尺寸調整區域251內,如「第4圖」所示。更進一步來說,根據預設的放大倍率而將目標範圍區域241內的畫面放大之步驟更可包含以下步驟:即電腦系統擷取目標範圍區域241內的畫面,並將畫面暫存為一圖像,並依據放大倍率將圖像放大並顯示於影像尺寸調整區域251。
需注意的是,上述實施例之目標物110係以鋼琴圖樣為例,但不以此為限。舉例來說,當目標物112為單純文字時,則根據預設的放大倍率而將目標範圍區域241內的畫面放大之步驟更可包含以下步驟:即電腦系統擷取目標範圍區域241內的文字110’,依據放大倍率調整文字110’之字體大小而將文字110’放大並顯示於影像尺寸調整區域251。舉例來說,如「第6圖」及「第7圖」所示,電腦系統擷取網頁之目標範圍區域241內的文字110’,並調整文字編碼的參數而將文字110’放大為文字112’並顯示於影像尺寸調整區域251。
此外,若當目標物112為一圖像夾雜文字時,則根據預設的放大倍率而將目標範圍區域241內的畫面放大之步驟更可包含以下步驟:擷取目標範圍區域241內的圖像,並對圖像進行文字辨識,依據放大倍率將圖像內的文字放大並顯示於影像尺寸調整區域251。舉例來說,如「第8圖」及「第9圖」所示,電腦系統擷取網頁之目標範圍區域241內的圖像110”,並對圖像110”進行文字辨識,進而辨識出圖像110”上的文字1101”。接著調整文字編碼的參數而將文字1101”放大成為放大150%的文字1121”,並將放大150%的文字1121”顯示於影像尺寸調整區域251。其中,圖像110”可繼續顯示於影像尺寸調整區域251而成為圖像112”,意即圖像112”係與原圖像110”為相同大小。此外,在另一實施例當中,影像尺寸調整區域251內也可只顯示放大150%的文字1121”而不顯示圖像112”。
此外,本實施例的影像尺寸調整方法更具有調整放大倍率的功能,其步驟如下所述。
首先,電腦系統於瀏覽畫面100上顯示一倍率調整圖示104,此倍率調整圖示104係為一環繞於影像尺寸調整區域251周圍的環型外框(S170)。倍率調整圖示104上具有不同的放大倍率標示,放大倍率標示可是顯示於倍率調整圖示104的上、下、左、右端,但不以此為限。以本實施例之「第4圖」為例,倍率調整圖示104的上、下、左、右端分別標示代表不同倍率的數字150、數字300、數字100及數字200。其中,數字100代表放大倍率為100%,數字150代表放大倍率為150%,數字200代表放大倍率為200%,
數字300代表放大倍率為300%。並且,位於倍率調整圖示104上端的數字代表著當下電腦系統對目標範圍區域241內的畫面所執行的放大倍率。如「第4圖」所示,倍率調整圖示104上端的數字為150,代表著當下電腦系統對目標範圍區域241內的畫面所執行的放大倍率為150%。需注意的是,以倍率調整圖示104上端的數字代表當下電腦系統所執行的放大倍率之特徵非用以限定本發明。舉例來說,也可以倍率調整圖示104之下、左或右端的數字來代表當下電腦系統所執行的放大倍率。
當使用者欲進行放大倍率的調整時,係以手指30觸碰倍率調整圖示104並進行拖曳的動作。其中,手指30進行拖曳動作時的起點與終點皆位於倍率調整圖示104上,以對電腦系統下達一倍率調整指令。此時,電腦系統接收到此倍率調整指令的訊號,並令倍率調整圖示104相對影像尺寸調整區域251旋轉,並同時調整放大倍率(S180)。
舉例來說,當手指30於倍率調整圖示104上進行一逆時針方向的第二拖曳路徑22之動作時,倍率調整圖示104便相對影像尺寸調整區域251以逆時針旋轉,使得標示數字200轉到倍率調整圖示104的上端。此時,電腦系統便執行放大倍率的更改,使放大倍率由150%調整至200%。相對的,影像尺寸調整區域251內所呈現的畫面則已是放大200%的目標物114。其中,倍率調整圖示104旋轉的角度量可取決於手指30所操作的拖曳指令之次數。譬如,當手指30每操作一次拖曳指令時,倍率調整圖示104即旋轉90度。或者,倍率調整圖示104旋轉的角度量取決於手指30
操作拖曳指令時的第二拖曳路徑22之路徑長度。譬如,當第二拖曳路徑22之路徑長度小於倍率調整圖示104之四分之一周長時,倍率調整圖示104則旋轉90度。當第二拖曳路徑22之路徑長度大於倍率調整圖示104之四分之一周長且小於倍率調整圖示104之二分之一周長時,倍率調整圖示104則旋轉180度。
請接著參照「第10圖」,「第10圖」是一實施例之執行位移指令的示意圖。本實施例的影像尺寸調整方法更具有調整目標範圍區域及影像尺寸調整區域的位置之功能,其方法如下所述。
當使用者欲選擇改變目標物時,係以手指30觸碰倍率調整圖示104並進行拖曳的動作。其中,手指30進行拖曳動作時的起點位於倍率調整圖示104上,而拖曳動作的終點則位於倍率調整圖示104外,以對電腦系統下達一位移指令。此時,電腦系統接收到此位移指令的訊號,並令目標範圍區域及影像尺寸調整區域進行平移,以改變欲放大的目標物。
舉例來說,當手指30觸碰於倍率調整圖示104上,並朝瀏覽畫面100的左下方進行一第三拖曳路徑26之動作,而使得手指30的終點位置位於倍率調整圖示104外。此時,倍率調整圖示104、影像尺寸調整區域251以及目標範圍區域241同時朝瀏覽畫面100的左下方位移,使得目標範圍區域241內的目標物114由瀏覽畫面100中央的鋼琴改為瀏覽畫面100左下角的電吉他。此時,電腦系統便依照原本位於瀏覽畫面100中央的鋼琴之放大倍率而將瀏覽畫面100左下角的電吉他放大並顯示於影像尺寸調整區域251。藉由上述調整目標範圍區域241以及影像尺寸調整區域251
的位置之功能,可令使用者隨意的改變欲放大的目標物。
此外,當使用者欲結束電腦系統所執行的放大功能時,使用者只需對電腦系統下達一結束指令。當電腦系統接收此結束指令時,電腦系統將影像尺寸調整區域251由瀏覽畫面100上移除,並且將執行圖示102重新顯示於初始位置23’(S190)。其中,結束指令可以是一雙擊指令。舉例來說,使用者可將手指30連續觸碰於影像尺寸調整區域251兩次,以令電腦系統接收結束指令的訊號。需注意的是,結束指令並非限定為上述的雙擊指令,結束指令也是一單擊指令或是三擊指令,但不以此為限。
根據上述本實施例所揭露之影像尺寸調整方法,係於瀏覽畫面上顯示一執行圖示,以方便使用者可直覺地操作下達影像放大功能的指令。此外,本實施例之影像尺寸調整方法可令使用者隨意地選取瀏覽畫面上的局部區域進行放大,以方便使用者的觀賞。並且,本實施例之影像尺寸調整方法更提供使用者調整放大倍率的功能,以滿足使用者的需求。此外,由於本實施例之影像尺寸調整方法僅是針對局部畫面進行放大,因此電腦系統所需花費的運算處理量也相對較少。如此一來,將可減少系統運算之負載,以提升電腦系統之性能。
雖然本發明以前述之較佳實施例揭露如上,然其並非用以限定本發明,任何熟習相像技藝者,在不脫離本發明之精神和範圍內,當可作些許之更動與潤飾,因此本發明之專利保護範圍須視本說明書所附之申請專利範圍所界定者為準。
10‧‧‧螢幕
100‧‧‧瀏覽畫面
102‧‧‧執行圖示
104‧‧‧倍率調整圖示
110‧‧‧目標物
110’‧‧‧文字
110”‧‧‧圖像
1101”‧‧‧目標物內之文字
112‧‧‧目標物
112’‧‧‧文字
112”‧‧‧圖像
1121”‧‧‧文字
114‧‧‧目標物
21‧‧‧第一拖曳路徑
22‧‧‧第二拖曳路徑
23‧‧‧終點位置
23’‧‧‧初始位置
24‧‧‧第一預設框
241‧‧‧目標範圍區域
25‧‧‧第二預設框
251‧‧‧影像尺寸調整區域
26‧‧‧第三拖曳路徑
30‧‧‧手指
第1圖是一實施例之影像尺寸調整方法的流程圖。
第2圖與第3圖是一實施例之執行影像尺寸調整指令的示意圖。
第4圖是一實施例之目標物放大的示意圖。
第5圖是一實施例之執行倍率調整指令的示意圖。
第6圖與第7圖是一實施例之對文字執行放大指令的示意圖。
第8圖與第9圖是一實施例之對圖像內的文字執行放大指令的示意圖。
第10圖是一實施例之執行位移指令的示意圖。
Claims (9)
- 一種影像尺寸調整方法,包括:於一螢幕上顯示一瀏覽畫面;執行一影像尺寸調整指令,並選取一尺寸調整座標;根據該尺寸調整座標產生一目標範圍區域及於該瀏覽畫面上的一影像尺寸調整區域;依據一放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調整區域;以及接收一放大倍率調整指令,調整該放大倍率,包含:於該影像尺寸調整區域周圍顯示一倍率調整圖示;其中該倍率調整圖示係環繞於該影像尺寸調整區域周圍之一環型外框;以及執行一倍率調整指令,使該倍率調整圖示相對該影像尺寸調整區域旋轉。
- 如請求項第1項所述之影像尺寸調整方法,更包括顯示一執行圖示於該瀏覽畫面,於接收該影像尺寸調整指令後,該執行圖示由該瀏覽畫面上的一初始位置位移至該瀏覽畫面上的一終點位置,該終點位置對應於該尺寸調整座標。
- 如請求項第2項所述之影像尺寸調整方法,其中於該執行圖示由該初始位置位移至該終點位置之步驟後,另包括:移除該執行圖示。
- 如請求項第2項所述之影像尺寸調整方法,其中依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該瀏覽畫面上的 該影像尺寸調整區域之步驟後,更包括:接收一結束指令,以移除該影像尺寸調整區域,並顯示該執行圖示於該初始位置。
- 如請求項第1項所述之影像尺寸調整方法,其中接收該放大倍率調整指令,調整該放大倍率之步驟,更包括:以一手指觸碰該倍率調整圖示;以及對該倍率調整圖示進行逆時針方向的一拖曳動作,以令該倍率調整圖示相對於該影像尺寸調整區域逆時針旋轉,並使得一標示數字轉到該倍率調整圖示的上端。
- 如請求項第1項所述之影像尺寸調整方法,其中該依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調整區域之步驟後,更包括:接收一位移指令,以調整該目標範圍區域及該影像尺寸調整區域的位置。
- 如請求項第1項所述之影像尺寸調整方法,其中該依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調整區域之步驟更包括:擷取該目標範圍區域內的圖像,並依據放大倍率將圖像放大並顯示於該影像尺寸調整區域。
- 如請求項第1項所述之影像尺寸調整方法,其中該依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調整區域之步驟更包括:擷取該目標範圍區域內的文字,並依據該放大倍率調整文字的字型大小而將文字放大並顯示於該影像尺寸調整區域。
- 如請求項第1項所述之影像尺寸調整方法,其中該依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調 整區域之步驟更包括:擷取該目標範圍區域內的圖像,並對圖像進行文字辨識,並依據該放大倍率將圖像內的文字放大並顯示於該影像尺寸調整區域。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW100134024A TWI493429B (zh) | 2011-09-21 | 2011-09-21 | 影像尺寸調整方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW100134024A TWI493429B (zh) | 2011-09-21 | 2011-09-21 | 影像尺寸調整方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| TW201314551A TW201314551A (zh) | 2013-04-01 |
| TWI493429B true TWI493429B (zh) | 2015-07-21 |
Family
ID=48802536
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| TW100134024A TWI493429B (zh) | 2011-09-21 | 2011-09-21 | 影像尺寸調整方法 |
Country Status (1)
| Country | Link |
|---|---|
| TW (1) | TWI493429B (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW201008247A (en) * | 2008-08-06 | 2010-02-16 | Wistron Corp | A method for enlarging a portion of the display picture and a electronic device applying the method |
| TW201110013A (en) * | 2009-09-03 | 2011-03-16 | Inventec Corp | System and method for adjusting display area and display content based on zoom magnification |
| TW201112112A (en) * | 2009-09-24 | 2011-04-01 | Inventec Corp | Real time zoom display interface, system and method thereof |
| US20110205248A1 (en) * | 2008-10-27 | 2011-08-25 | Toshiyuki Honda | Display device and mobile terminal |
-
2011
- 2011-09-21 TW TW100134024A patent/TWI493429B/zh not_active IP Right Cessation
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW201008247A (en) * | 2008-08-06 | 2010-02-16 | Wistron Corp | A method for enlarging a portion of the display picture and a electronic device applying the method |
| US20110205248A1 (en) * | 2008-10-27 | 2011-08-25 | Toshiyuki Honda | Display device and mobile terminal |
| TW201110013A (en) * | 2009-09-03 | 2011-03-16 | Inventec Corp | System and method for adjusting display area and display content based on zoom magnification |
| TW201112112A (en) * | 2009-09-24 | 2011-04-01 | Inventec Corp | Real time zoom display interface, system and method thereof |
Also Published As
| Publication number | Publication date |
|---|---|
| TW201314551A (zh) | 2013-04-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11947791B2 (en) | Devices, methods, and systems for manipulating user interfaces | |
| EP2815299B1 (en) | Thumbnail-image selection of applications | |
| US20190303423A1 (en) | Device, Method, and Graphical User Interface for Providing Handwriting Support in Document Editing | |
| US9804761B2 (en) | Gesture-based touch screen magnification | |
| US8587543B2 (en) | Display control device and display control method | |
| JP5703873B2 (ja) | 情報処理装置、情報処理方法およびプログラム | |
| US20140002502A1 (en) | Method and apparatus for outputting graphics to a display | |
| US11003340B2 (en) | Display device | |
| US20130047126A1 (en) | Switching back to a previously-interacted-with application | |
| US20110304557A1 (en) | Indirect User Interaction with Desktop using Touch-Sensitive Control Surface | |
| US20140149945A1 (en) | Electronic device and method for zooming in image | |
| US20090096749A1 (en) | Portable device input technique | |
| CN102460364A (zh) | 提供连续缩放功能性的用户接口方法 | |
| JP2011081440A (ja) | 情報処理装置、情報処理方法及び情報処理プログラム | |
| US8762840B1 (en) | Elastic canvas visual effects in user interface | |
| WO2012166175A1 (en) | Edge gesture | |
| TW201319921A (zh) | 觸控螢幕畫面控制方法及觸控螢幕畫面顯示方法 | |
| TWI490774B (zh) | 用於觸控裝置之瀏覽頁面鎖定縮放區域之控制方法 | |
| TWI442305B (zh) | 多點控制的操作方法及其控制系統 | |
| CN103019502A (zh) | 影像尺寸调整方法 | |
| TWI493429B (zh) | 影像尺寸調整方法 | |
| KR101251021B1 (ko) | 터치스크린 출력화면 조정방법 | |
| US20130181919A1 (en) | Electronic device and method for controlling the same | |
| JP2015022675A (ja) | 電子機器、インターフェース制御方法、および、プログラム | |
| AU2012269732B2 (en) | A system, method and computer program for interacting with data |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| MM4A | Annulment or lapse of patent due to non-payment of fees |