TWI493429B - Adjust method of image size - Google Patents

Adjust method of image size Download PDF

Info

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
Application number
TW100134024A
Other languages
Chinese (zh)
Other versions
TW201314551A (en
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 英業達股份有限公司
Priority to TW100134024A priority Critical patent/TWI493429B/en
Publication of TW201314551A publication Critical patent/TW201314551A/en
Application granted granted Critical
Publication of TWI493429B publication Critical patent/TWI493429B/en

Links

Landscapes

  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Description

影像尺寸調整方法 Image size adjustment method

本發明是關於一種影像尺寸調整方法,特別是一種針對局部影像放大的影像尺寸調整方法。 The present invention relates to an image size adjustment method, and more particularly to an image size adjustment method for partial image enlargement.

近年來,隨著科技與資訊的日新月異,電子產品的製造技術亦日漸進步。在現代人追求輕便性與實用性的考量下,電子產品更朝著輕薄短小的特性邁進。 In recent years, with the rapid development of technology and information, the manufacturing technology of electronic products has also gradually improved. Under the consideration of modern people's pursuit of portability and practicality, electronic products are moving towards light, thin and short features.

以電腦裝置為例,從早期只有桌上型電腦的情況,直到現今發展出可隨身攜帶的筆記型電腦,而筆記型電腦更從早期的大尺寸筆記型電腦(螢幕尺寸12吋以上)小型化到目前市面常見的小尺寸筆記型電腦(螢幕尺寸10吋以下)。由於現代人追求電子產品小型化的趨勢,近年來更發展出體積較小型筆記型電腦更小更薄的平板型電腦。平板型電腦具有輕薄的特點,且平板型電腦的輸入介面係採用觸控技術。更進一步來說,平板型電腦本身並不具有傳統的機械式鍵盤或是滑鼠,平板型電腦係以觸控螢幕來做為使用者操作平板型電腦時的輸入介面。由於平板型電腦的螢幕尺寸較小,因此平板型電腦的內件操作軟體或硬體係具有放大畫面功能的指令,以利使用者將畫面放大而方便觀賞。 In the case of computer devices, from the early days of only desktop computers to the development of notebooks that can be carried around today, notebook computers have been miniaturized from early large-sized notebook computers (screen size of 12 inches or more). A small-sized notebook computer (up to 10 inches in size) that is common in the market. In recent years, modern people have pursued the trend of miniaturization of electronic products, and in recent years, they have developed smaller and thinner tablet computers with smaller notebook computers. Tablet PCs are thin and light, and the input interface of tablet PCs uses touch technology. Furthermore, the tablet computer itself does not have a traditional mechanical keyboard or a mouse, and the tablet computer uses a touch screen as an input interface for the user to operate the tablet computer. Since the size of the screen of the tablet computer is small, the internal software or hard system of the tablet computer has an instruction to enlarge the screen function, so that the user can enlarge the screen and view it conveniently.

然而,目前平板型電腦的畫面放大功能係指能針對全部畫面同時進行放大顯示。因此當使用者欲觀看某一小部份的放大畫面內容時,則必須將整體放大畫面進行移動,以將此部份的放大畫面調整移動至適合觀賞的畫面位置。因此,目前平板型電腦的畫 面放大功能並沒有只針對局部區域進行放大的效果,如此將造成使用者使用上的不便。 However, at present, the screen enlargement function of the tablet type computer means that the zoom display can be simultaneously performed for all the screens. Therefore, when the user wants to view a small portion of the enlarged screen content, the entire enlarged screen must be moved to adjust the enlarged screen of the portion to the position suitable for viewing. Therefore, the current drawing of tablet computers The face enlargement function does not only enlarge the local area, which will cause inconvenience to the user.

並且,平板電腦的處理器運算效能並不若筆記型電腦或是桌上型電腦,因此僅需觀看部分的內容卻要全部放大,則對系統的運算負載相對增加。如此一來,若操作平板電腦進行畫面放大時,將容易造成畫面延遲顯示的問題發生。 Moreover, the computing power of the tablet computer is not as good as that of a notebook computer or a desktop computer, so that only a part of the content needs to be enlarged, and the computing load on the system is relatively increased. As a result, if the tablet is operated to enlarge the screen, the problem of delaying the display of the screen may occur.

本發明在於提供一種影像尺寸調整方法,藉以解決平板型電腦的畫面放大功能並沒有只針對局部區域進行放大的效果,造成使用者於觀賞上的不便以及系統運算負載增加之問題。 The invention provides a method for adjusting the image size, so as to solve the problem that the screen enlargement function of the tablet computer does not only enlarge the local area, which causes the user's inconvenience in viewing and the increase of the system computing load.

本實施例所揭露之影像尺寸調整方法包括以下步驟:於一螢幕上顯示一瀏覽畫面;接收一影像尺寸調整指令,影像尺寸調整指令並選取一尺寸調整座標;並根據尺寸調整座標產生一目標範圍區域及一影像尺寸調整區域,再依據一放大倍率將目標範圍區域內的畫面放大並顯示於瀏覽畫面上的影像尺寸調整區域。 The image size adjustment method disclosed in the embodiment includes the following steps: displaying a browsing screen on a screen; receiving an image size adjustment instruction, selecting an image size adjustment coordinate and selecting a size adjustment coordinate; and generating a target range according to the size adjustment coordinate The area and an image size adjustment area are further enlarged and displayed in the image size adjustment area on the browsing screen according to a magnification.

根據上述本實施例所揭露之影像尺寸調整方法,係可令使用者隨意地選取瀏覽畫面上的局部區域,並將選取的區域畫面放大並顯示於影像尺寸調整區域。因此本實施例之影像尺寸調整方法可解決目前平板型電腦的畫面放大功能無法針對局部區域進行放大的效果,進而提供使用者方便地觀賞與簡易的操作模式。此外,本實施例之影像尺寸調整方法更可減少系統運算之負載,以提升電腦系統之性能。 According to the image size adjustment method disclosed in the above embodiment, the user can randomly select a partial area on the browsing screen, and enlarge and display the selected area image in the image size adjustment area. Therefore, the image size adjustment method of the present embodiment can solve the effect that the picture enlargement function of the tablet type computer cannot be enlarged for a local area, thereby providing a user with convenient viewing and a simple operation mode. In addition, the image size adjustment method of the embodiment can reduce the load of the system operation to improve the performance of the computer system.

有關本實施例的特徵、實作與功效,茲配合圖式作最佳實施 例詳細說明如下。 With regard to the features, implementation and efficacy of this embodiment, it is best to implement the pattern. The details are as follows.

請參照「第1圖」,並同時搭配「第2圖」至「第5圖」,「第1圖」是一實施例之影像尺寸調整方法的流程圖,「第2圖」與「第3圖」是一實施例之執行影像尺寸調整指令的示意圖,「第4圖」是一實施例之目標物放大的示意圖,「第5圖」是一實施例之執行倍率調整指令的示意圖。 Please refer to "1" and "2" to "5". "1" is a flowchart of the image size adjustment method of the embodiment, "2" and "3". FIG. 4 is a schematic diagram of an image size adjustment command executed in an embodiment, and FIG. 4 is an enlarged view of an object of an embodiment, and FIG. 5 is a schematic diagram of an execution magnification adjustment command according to an embodiment.

本實施例之影像尺寸調整方法係可適用於桌上型電腦、個人電腦或是平板型電腦的作業系統,而本實施例之圖式係以具有觸控面板的平板型電腦為例,但不以此為限。 The image size adjustment method of the embodiment can be applied to a working system of a desktop computer, a personal computer, or a tablet computer. The drawing of the embodiment is a tablet computer with a touch panel, but This is limited to this.

首先,電腦系統於平板型電腦的觸控螢幕10上顯示有一瀏覽畫面100,並於瀏覽畫面100上顯示一執行圖示102(S110),如「第2圖」所示。 First, the computer system displays a browsing screen 100 on the touch screen 10 of the tablet computer, and displays an execution icon 102 on the browsing screen 100 (S110), as shown in FIG.

其中,上述的瀏覽畫面100可以是一系統執行桌面、一網頁或一文件軟體介面,但不以此為限。就本實施例之圖示所呈現,瀏覽畫面100係以網頁為例。上述的執行圖示102可以是任何圖樣,譬如可以是一圓框圖樣、一放大鏡圖樣、一星形圖樣或一矩形圖樣。就本實施例之執行圖示102而言,執行圖示102係為一圓框圖樣,且執行圖示102位於瀏覽畫面100得右上角,但不以此為限。並且,執行圖示102可以是定點地顯示於瀏覽畫面100上,或者執行圖示102也可嵌設於瀏覽器的圖框介面內,但不以此為限。 The browsing screen 100 may be a system execution desktop, a webpage or a file software interface, but is not limited thereto. As shown in the diagram of the embodiment, the browsing screen 100 is exemplified by a web page. The execution icon 102 described above may be any pattern, such as a circular block diagram, a magnifying glass pattern, a star pattern, or a rectangular pattern. For the execution icon 102 of the embodiment, the execution icon 102 is a circular block diagram, and the execution icon 102 is located at the upper right corner of the browsing screen 100, but is not limited thereto. In addition, the execution icon 102 may be displayed on the browsing screen 100 at a fixed point, or the execution icon 102 may be embedded in the frame interface of the browser, but is not limited thereto.

當使用者欲對瀏覽畫面100上的局部區域之一目標物110(譬 如圖式中的鋼琴圖樣)進行放大時,係對平板型電腦的觸控螢幕10下達一影像尺寸調整指令。所謂的影像尺寸調整指令之操作步驟係為,使用者係利用手指30觸碰瀏覽畫面100上的執行圖示102,接著使用者的手指30並由一初始位置23’沿著一第一拖曳路徑21位移至一終點位置23,使手指30指向目標物110上,如「第3圖」所示。 When the user wants to browse the target object 110 in a partial area on the screen 100 (譬 When the piano pattern in the figure is enlarged, an image size adjustment instruction is issued to the touch screen 10 of the tablet computer. The operation procedure of the image size adjustment command is that the user touches the execution icon 102 on the browsing screen 100 with the finger 30, and then the user's finger 30 is along an initial position 23' along a first towing path. 21 is displaced to an end position 23, and the finger 30 is pointed at the target 110 as shown in "Fig. 3".

其中,當手指30觸碰到執行圖示102並進行拖曳的動作時,電腦系統便接收到此影像尺寸調整指令的訊號,並令執行圖示102由瀏覽畫面100上的初始位置23’跟隨著手指30的移動而位移至終點位置23。並且,電腦系統開始計算終點位置23所對應的一尺寸調整座標(S120)。 When the finger 30 touches the action of executing the icon 102 and dragging, the computer system receives the signal of the image size adjustment command, and causes the execution icon 102 to be followed by the initial position 23' on the browsing screen 100. The movement of the finger 30 is displaced to the end position 23. And, the computer system starts to calculate a size adjustment coordinate corresponding to the end position 23 (S120).

接著,電腦系統移除執行圖示102,使執行圖示102不顯示於瀏覽畫面100上(S130)。 Next, the computer system removes the execution icon 102 so that the execution icon 102 is not displayed on the browsing screen 100 (S130).

接著,電腦系統根據尺寸調整座標以及一第一預設框24而獲取一目標範圍區域241(S140)。 Next, the computer system acquires a target range area 241 according to the size adjustment coordinates and a first preset frame 24 (S140).

電腦系統並根據尺寸調整座標以及一第二預設框25而獲取一影像尺寸調整區域251(S150)。 The computer system acquires an image size adjustment area 251 according to the size adjustment coordinates and a second preset frame 25 (S150).

其中,第一預設框24以及第二預設框25係內建於電腦系統內,且第一預設框24及第二預設框25可分別皆為一圓框。在本實施例中,第一預設框24的半徑小於第二預設框25的半徑,譬如第一預設框24為一半徑為2公分的圓框,而第二預設框25為一半徑為3公分的圓框。電腦系統將尺寸調整座標分別設為第一預設框24及第二預設框25的圓心,以分別定義第一預設框24所 環繞的範圍為上述的目標範圍區域241,而第二預設框25所環繞的範圍為上述的影像尺寸調整區域251。其中,第一預設框24及第二預設框25可的外形非用以限定本發明。在其他實施例當中,第一預設框24及第二預設框25的外形也可以是矩形。 The first preset frame 24 and the second preset frame 25 are built in the computer system, and the first preset frame 24 and the second preset frame 25 are respectively a round frame. In this embodiment, the radius of the first preset frame 24 is smaller than the radius of the second preset frame 25, for example, the first preset frame 24 is a circular frame having a radius of 2 cm, and the second preset frame 25 is a A round frame with a radius of 3 cm. The computer system sets the size adjustment coordinates to the centers of the first preset frame 24 and the second preset frame 25 to define the first preset frame 24 respectively. The range of the surrounding area is the target range area 241 described above, and the range surrounded by the second preset frame 25 is the image size adjustment area 251 described above. The shapes of the first preset frame 24 and the second preset frame 25 are not used to define the present invention. In other embodiments, the shapes of the first preset frame 24 and the second preset frame 25 may also be rectangular.

接著,電腦系統可根據一預設的放大倍率而將目標範圍區域241內的畫面放大,並且將上述放大的畫面顯示於瀏覽畫面100上的影像尺寸調整區域251內(S160)。舉例來說,電腦系統以150%的倍率將目標範圍區域241內目標物110(圖式中的鋼琴圖樣)放大而成為放大150%的目標物112,並且將放大150%的目標物112顯示於影像尺寸調整區域251內,如「第4圖」所示。更進一步來說,根據預設的放大倍率而將目標範圍區域241內的畫面放大之步驟更可包含以下步驟:即電腦系統擷取目標範圍區域241內的畫面,並將畫面暫存為一圖像,並依據放大倍率將圖像放大並顯示於影像尺寸調整區域251。 Next, the computer system can enlarge the screen in the target range area 241 according to a predetermined magnification, and display the enlarged screen in the image size adjustment area 251 on the browsing screen 100 (S160). For example, the computer system enlarges the target object 110 (piano pattern in the drawing) in the target range area 241 to a target object 112 that is enlarged by 150% at a magnification of 150%, and displays the target object 112 that is enlarged by 150%. The image size adjustment area 251 is as shown in "Fig. 4". Furthermore, the step of enlarging the image in the target range area 241 according to the preset magnification may further include the following steps: the computer system captures the picture in the target range area 241, and temporarily stores the picture as a picture. The image is enlarged and displayed in the image size adjustment area 251 according to the magnification.

需注意的是,上述實施例之目標物110係以鋼琴圖樣為例,但不以此為限。舉例來說,當目標物112為單純文字時,則根據預設的放大倍率而將目標範圍區域241內的畫面放大之步驟更可包含以下步驟:即電腦系統擷取目標範圍區域241內的文字110’,依據放大倍率調整文字110’之字體大小而將文字110’放大並顯示於影像尺寸調整區域251。舉例來說,如「第6圖」及「第7圖」所示,電腦系統擷取網頁之目標範圍區域241內的文字110’,並調整文字編碼的參數而將文字110’放大為文字112’並顯示於影像尺寸調整區域251。 It should be noted that the object 110 of the above embodiment is taken as an example of a piano pattern, but is not limited thereto. For example, when the target object 112 is a simple text, the step of enlarging the image in the target range area 241 according to the preset magnification may further include the following steps: the computer system captures the text in the target range area 241. 110', the font 110' is enlarged and displayed in the image resizing area 251 by adjusting the font size of the text 110' according to the magnification. For example, as shown in "Figure 6" and "Figure 7", the computer system captures the text 110' in the target range area 241 of the webpage, and adjusts the parameters of the text encoding to enlarge the text 110' into the text 112. 'and displayed in the image size adjustment area 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”。 In addition, if the target object 112 is an image inclusion character, the step of enlarging the image in the target range area 241 according to the preset magnification may further include the following steps: capturing the image in the target range area 241 And the image is recognized by the character, and the text in the image is enlarged and displayed in the image size adjustment area 251 according to the magnification. For example, as shown in "Figure 8" and "Figure 9", the computer system captures the image 110" in the target range area 241 of the webpage, and performs character recognition on the image 110" to identify the image. Like the text 1101 on 110". Then, the character of the text code is adjusted to enlarge the text 1101" into the text 1121" which is enlarged by 150%, and the text 1121" which is enlarged by 150% is displayed in the image size adjustment area 251. The image 110" can continue to be displayed on the image size. The area 251 is adjusted to become the image 112", that is, the image 112" is the same size as the original image 110". In addition, in another embodiment, only 150% of the image size adjustment area 251 can be displayed. Text 1121" does not display image 112".

此外,本實施例的影像尺寸調整方法更具有調整放大倍率的功能,其步驟如下所述。 In addition, the image size adjustment method of the present embodiment further has a function of adjusting the magnification, and the steps are as follows.

首先,電腦系統於瀏覽畫面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之下、左或右端的數字來代表當下電腦系統所執行的放大倍率。 First, the computer system displays a magnification adjustment map 104 on the browsing screen 100. The magnification adjustment map 104 is a ring-shaped outer frame surrounding the image size adjustment area 251 (S170). The magnification adjustment icon 104 has different magnification indications, and the magnification indications may be displayed on the upper, lower, left, and right ends of the magnification adjustment icon 104, but are not limited thereto. Taking "figure 4" of the present embodiment as an example, the upper, lower, left, and right ends of the magnification adjustment map 104 respectively indicate numbers 150, numbers 300, numbers 100, and numbers 200 representing different magnifications. Wherein, the number 100 represents a magnification of 100%, the number 150 represents a magnification of 150%, and the number 200 represents a magnification of 200%. The number 300 represents a magnification of 300%. Also, the number located at the upper end of the magnification adjustment map 104 represents the magnification performed by the current computer system on the screen in the target range area 241. As shown in "Fig. 4", the number at the upper end of the magnification adjustment map 104 is 150, which means that the current computer system performs a magnification of 150% on the screen in the target range area 241. It should be noted that adjusting the number at the upper end of the graph 104 by magnification to represent the magnification of the current computer system is not intended to limit the present invention. For example, the numbers below, left, or right of the icon 104 can also be adjusted to represent the magnification performed by the current computer system.

當使用者欲進行放大倍率的調整時,係以手指30觸碰倍率調整圖示104並進行拖曳的動作。其中,手指30進行拖曳動作時的起點與終點皆位於倍率調整圖示104上,以對電腦系統下達一倍率調整指令。此時,電腦系統接收到此倍率調整指令的訊號,並令倍率調整圖示104相對影像尺寸調整區域251旋轉,並同時調整放大倍率(S180)。 When the user wants to adjust the magnification, the finger 104 is touched by the finger 30 to adjust the icon 104 and perform the drag operation. The start point and the end point of the finger 30 when the drag operation is performed are all located on the magnification adjustment icon 104 to issue a magnification adjustment command to the computer system. At this time, the computer system receives the signal of the magnification adjustment command, and rotates the magnification adjustment map 104 with respect to the image size adjustment area 251, and simultaneously adjusts the magnification (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度。 For example, when the finger 30 performs the action of the second drag path 22 in the counterclockwise direction on the magnification adjustment icon 104, the magnification adjustment icon 104 is rotated counterclockwise with respect to the image size adjustment area 251, so that the number 200 is marked. Go to the upper end of the magnification adjustment icon 104. At this point, the computer system performs a magnification change that adjusts the magnification from 150% to 200%. In contrast, the image presented in the image size adjustment area 251 is already a target object 114 that is enlarged by 200%. The amount of the angle of rotation of the magnification adjustment icon 104 may depend on the number of drag commands operated by the finger 30. For example, when the finger 30 operates the drag command once, the magnification adjustment icon 104 is rotated by 90 degrees. Alternatively, the amount of angle by which the magnification adjustment icon 104 is rotated depends on the finger 30 The path length of the second drag path 22 when the drag command is operated. For example, when the path length of the second drag path 22 is less than a quarter of the circumference of the magnification adjustment map 104, the magnification adjustment map 104 is rotated by 90 degrees. When the path length of the second drag path 22 is greater than a quarter of the circumference of the magnification adjustment map 104 and less than one-half of the circumference of the magnification adjustment map 104, the magnification adjustment map 104 is rotated by 180 degrees.

請接著參照「第10圖」,「第10圖」是一實施例之執行位移指令的示意圖。本實施例的影像尺寸調整方法更具有調整目標範圍區域及影像尺寸調整區域的位置之功能,其方法如下所述。 Please refer to FIG. 10, which is a schematic diagram of an execution displacement command according to an embodiment. The image size adjustment method of the present embodiment further has a function of adjusting the positions of the target range area and the image size adjustment area, and the method is as follows.

當使用者欲選擇改變目標物時,係以手指30觸碰倍率調整圖示104並進行拖曳的動作。其中,手指30進行拖曳動作時的起點位於倍率調整圖示104上,而拖曳動作的終點則位於倍率調整圖示104外,以對電腦系統下達一位移指令。此時,電腦系統接收到此位移指令的訊號,並令目標範圍區域及影像尺寸調整區域進行平移,以改變欲放大的目標物。 When the user wants to select a target change, the icon 104 is adjusted by the finger 30 touch magnification and the drag operation is performed. The starting point when the finger 30 performs the dragging operation is located on the magnification adjustment icon 104, and the end point of the dragging action is located outside the magnification adjustment icon 104 to issue a displacement command to the computer system. At this time, the computer system receives the signal of the displacement command, and translates the target range area and the image size adjustment area to change the target to be enlarged.

舉例來說,當手指30觸碰於倍率調整圖示104上,並朝瀏覽畫面100的左下方進行一第三拖曳路徑26之動作,而使得手指30的終點位置位於倍率調整圖示104外。此時,倍率調整圖示104、影像尺寸調整區域251以及目標範圍區域241同時朝瀏覽畫面100的左下方位移,使得目標範圍區域241內的目標物114由瀏覽畫面100中央的鋼琴改為瀏覽畫面100左下角的電吉他。此時,電腦系統便依照原本位於瀏覽畫面100中央的鋼琴之放大倍率而將瀏覽畫面100左下角的電吉他放大並顯示於影像尺寸調整區域251。藉由上述調整目標範圍區域241以及影像尺寸調整區域251 的位置之功能,可令使用者隨意的改變欲放大的目標物。 For example, when the finger 30 touches the magnification adjustment icon 104 and performs a third drag path 26 toward the lower left of the browsing screen 100, the end position of the finger 30 is located outside the magnification adjustment icon 104. At this time, the magnification adjustment map 104, the image size adjustment area 251, and the target range area 241 are simultaneously displaced toward the lower left of the browsing screen 100, so that the target object 114 in the target range area 241 is changed from the piano in the center of the browsing screen 100 to the browsing screen. 100 electric guitar in the lower left corner. At this time, the computer system enlarges and displays the electric guitar in the lower left corner of the browsing screen 100 in the image size adjustment area 251 in accordance with the magnification of the piano originally located in the center of the browsing screen 100. By adjusting the target range area 241 and the image size adjustment area 251 described above The function of the position allows the user to arbitrarily change the target to be enlarged.

此外,當使用者欲結束電腦系統所執行的放大功能時,使用者只需對電腦系統下達一結束指令。當電腦系統接收此結束指令時,電腦系統將影像尺寸調整區域251由瀏覽畫面100上移除,並且將執行圖示102重新顯示於初始位置23’(S190)。其中,結束指令可以是一雙擊指令。舉例來說,使用者可將手指30連續觸碰於影像尺寸調整區域251兩次,以令電腦系統接收結束指令的訊號。需注意的是,結束指令並非限定為上述的雙擊指令,結束指令也是一單擊指令或是三擊指令,但不以此為限。 In addition, when the user wants to end the zoom function performed by the computer system, the user only needs to issue an end command to the computer system. When the computer system receives the end command, the computer system removes the image resizing area 251 from the browsing screen 100, and redisplays the execution icon 102 at the initial position 23' (S190). The end instruction may be a double click instruction. For example, the user can continuously touch the finger 30 to the image resizing area 251 twice to enable the computer system to receive the end command signal. It should be noted that the end instruction is not limited to the above double-click instruction, and the end instruction is also a one-click instruction or a three-click instruction, but is not limited thereto.

根據上述本實施例所揭露之影像尺寸調整方法,係於瀏覽畫面上顯示一執行圖示,以方便使用者可直覺地操作下達影像放大功能的指令。此外,本實施例之影像尺寸調整方法可令使用者隨意地選取瀏覽畫面上的局部區域進行放大,以方便使用者的觀賞。並且,本實施例之影像尺寸調整方法更提供使用者調整放大倍率的功能,以滿足使用者的需求。此外,由於本實施例之影像尺寸調整方法僅是針對局部畫面進行放大,因此電腦系統所需花費的運算處理量也相對較少。如此一來,將可減少系統運算之負載,以提升電腦系統之性能。 According to the image size adjustment method disclosed in the above embodiment, an execution icon is displayed on the browsing screen to facilitate the user to intuitively operate the instruction for releasing the image enlargement function. In addition, the image size adjustment method in this embodiment allows the user to randomly select a partial area on the browsing screen for zooming in to facilitate viewing by the user. Moreover, the image size adjustment method of the embodiment further provides a function for the user to adjust the magnification to meet the needs of the user. In addition, since the image size adjustment method of the present embodiment only amplifies the partial image, the amount of computational processing required by the computer system is relatively small. As a result, the load on the system operation can be reduced to improve the performance of the computer system.

雖然本發明以前述之較佳實施例揭露如上,然其並非用以限定本發明,任何熟習相像技藝者,在不脫離本發明之精神和範圍內,當可作些許之更動與潤飾,因此本發明之專利保護範圍須視本說明書所附之申請專利範圍所界定者為準。 While the present invention has been described above in terms of the preferred embodiments thereof, it is not intended to limit the invention, and the invention may be modified and modified without departing from the spirit and scope of the invention. The patent protection scope of the invention is subject to the definition of the scope of the patent application attached to the specification.

10‧‧‧螢幕 10‧‧‧ screen

100‧‧‧瀏覽畫面 100‧‧‧Browse screen

102‧‧‧執行圖示 102‧‧‧Executive icon

104‧‧‧倍率調整圖示 104‧‧‧ magnification adjustment icon

110‧‧‧目標物 110‧‧‧ Targets

110’‧‧‧文字 110’‧‧‧ text

110”‧‧‧圖像 110"‧‧‧ images

1101”‧‧‧目標物內之文字 1101” ‧‧‧Text in the target

112‧‧‧目標物 112‧‧‧ Targets

112’‧‧‧文字 112’‧‧‧ text

112”‧‧‧圖像 112"‧‧‧ images

1121”‧‧‧文字 1121"‧‧‧ text

114‧‧‧目標物 114‧‧‧ Targets

21‧‧‧第一拖曳路徑 21‧‧‧First towing path

22‧‧‧第二拖曳路徑 22‧‧‧Second towing path

23‧‧‧終點位置 23‧‧‧ End position

23’‧‧‧初始位置 23’‧‧‧Initial position

24‧‧‧第一預設框 24‧‧‧First preset box

241‧‧‧目標範圍區域 241‧‧‧Target range area

25‧‧‧第二預設框 25‧‧‧Second preset box

251‧‧‧影像尺寸調整區域 251‧‧‧Image size adjustment area

26‧‧‧第三拖曳路徑 26‧‧‧ Third towing path

30‧‧‧手指 30‧‧‧ fingers

第1圖是一實施例之影像尺寸調整方法的流程圖。 Fig. 1 is a flow chart showing an image size adjustment method of an embodiment.

第2圖與第3圖是一實施例之執行影像尺寸調整指令的示意圖。 2 and 3 are schematic views of an image size adjustment instruction executed in an embodiment.

第4圖是一實施例之目標物放大的示意圖。 Fig. 4 is a schematic enlarged view of the object of an embodiment.

第5圖是一實施例之執行倍率調整指令的示意圖。 Fig. 5 is a schematic diagram of an execution magnification adjustment instruction of an embodiment.

第6圖與第7圖是一實施例之對文字執行放大指令的示意圖。 Fig. 6 and Fig. 7 are schematic diagrams showing an enlargement instruction for a character in an embodiment.

第8圖與第9圖是一實施例之對圖像內的文字執行放大指令的示意圖。 8 and 9 are schematic diagrams showing an enlargement instruction for a character in an image according to an embodiment.

第10圖是一實施例之執行位移指令的示意圖。 Figure 10 is a schematic illustration of an execution displacement command of an embodiment.

Claims (9)

一種影像尺寸調整方法,包括:於一螢幕上顯示一瀏覽畫面;執行一影像尺寸調整指令,並選取一尺寸調整座標;根據該尺寸調整座標產生一目標範圍區域及於該瀏覽畫面上的一影像尺寸調整區域;依據一放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調整區域;以及接收一放大倍率調整指令,調整該放大倍率,包含:於該影像尺寸調整區域周圍顯示一倍率調整圖示;其中該倍率調整圖示係環繞於該影像尺寸調整區域周圍之一環型外框;以及執行一倍率調整指令,使該倍率調整圖示相對該影像尺寸調整區域旋轉。 An image size adjustment method includes: displaying a browsing screen on a screen; executing an image size adjustment instruction, and selecting a size adjustment coordinate; and adjusting a coordinate according to the size to generate a target range area and an image on the browsing screen a size adjustment area; the screen in the target range area is enlarged and displayed in the image size adjustment area according to a magnification; and a magnification adjustment instruction is received, and the magnification is adjusted, including: displaying a image around the image size adjustment area a magnification adjustment diagram; wherein the magnification adjustment diagram is wrapped around a ring-shaped outer frame around the image size adjustment area; and a magnification adjustment command is executed to rotate the magnification adjustment icon relative to the image size adjustment area. 如請求項第1項所述之影像尺寸調整方法,更包括顯示一執行圖示於該瀏覽畫面,於接收該影像尺寸調整指令後,該執行圖示由該瀏覽畫面上的一初始位置位移至該瀏覽畫面上的一終點位置,該終點位置對應於該尺寸調整座標。 The image size adjustment method of claim 1, further comprising displaying an execution icon on the browsing screen, after receiving the image size adjustment instruction, the execution icon is displaced from an initial position on the browsing screen to An end position on the browsing screen, the end position corresponding to the resizing coordinate. 如請求項第2項所述之影像尺寸調整方法,其中於該執行圖示由該初始位置位移至該終點位置之步驟後,另包括:移除該執行圖示。 The image size adjustment method of claim 2, wherein after the step of performing the illustration shifting from the initial position to the end position, the method further comprises: removing the execution icon. 如請求項第2項所述之影像尺寸調整方法,其中依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該瀏覽畫面上的 該影像尺寸調整區域之步驟後,更包括:接收一結束指令,以移除該影像尺寸調整區域,並顯示該執行圖示於該初始位置。 The image size adjustment method according to Item 2, wherein the image in the target range area is enlarged and displayed on the browsing screen according to the magnification. After the step of adjusting the image size, the method further includes: receiving an end instruction to remove the image resizing area, and displaying the execution icon in the initial position. 如請求項第1項所述之影像尺寸調整方法,其中接收該放大倍率調整指令,調整該放大倍率之步驟,更包括:以一手指觸碰該倍率調整圖示;以及對該倍率調整圖示進行逆時針方向的一拖曳動作,以令該倍率調整圖示相對於該影像尺寸調整區域逆時針旋轉,並使得一標示數字轉到該倍率調整圖示的上端。 The image size adjustment method of claim 1, wherein the step of receiving the magnification adjustment command and adjusting the magnification further comprises: touching the magnification adjustment icon with a finger; and adjusting the magnification adjustment icon A dragging action in the counterclockwise direction is performed to rotate the magnification adjustment icon counterclockwise with respect to the image size adjustment area, and to cause an indication number to be shifted to the upper end of the magnification adjustment diagram. 如請求項第1項所述之影像尺寸調整方法,其中該依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調整區域之步驟後,更包括:接收一位移指令,以調整該目標範圍區域及該影像尺寸調整區域的位置。 The image size adjustment method of claim 1, wherein the step of zooming in and displaying the image in the target range area according to the magnification is further included: receiving a displacement instruction to Adjust the target range area and the position of the image size adjustment area. 如請求項第1項所述之影像尺寸調整方法,其中該依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調整區域之步驟更包括:擷取該目標範圍區域內的圖像,並依據放大倍率將圖像放大並顯示於該影像尺寸調整區域。 The image size adjustment method of claim 1, wherein the step of enlarging and displaying the image in the target range region according to the magnification in the image size adjustment region further comprises: capturing the target region region The image is enlarged and displayed in the image size adjustment area according to the magnification. 如請求項第1項所述之影像尺寸調整方法,其中該依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調整區域之步驟更包括:擷取該目標範圍區域內的文字,並依據該放大倍率調整文字的字型大小而將文字放大並顯示於該影像尺寸調整區域。 The image size adjustment method of claim 1, wherein the step of enlarging and displaying the image in the target range region according to the magnification in the image size adjustment region further comprises: capturing the target region region The text is enlarged and displayed in the image size adjustment area by adjusting the font size of the text according to the magnification. 如請求項第1項所述之影像尺寸調整方法,其中該依據該放大倍率將該目標範圍區域內的畫面放大並顯示於該影像尺寸調 整區域之步驟更包括:擷取該目標範圍區域內的圖像,並對圖像進行文字辨識,並依據該放大倍率將圖像內的文字放大並顯示於該影像尺寸調整區域。 The image size adjustment method according to Item 1, wherein the image in the target range area is enlarged and displayed according to the magnification. The step of the whole area further includes: capturing an image in the target range area, and performing character recognition on the image, and magnifying and displaying the text in the image in the image size adjustment area according to the magnification.
TW100134024A 2011-09-21 2011-09-21 Adjust method of image size TWI493429B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW100134024A TWI493429B (en) 2011-09-21 2011-09-21 Adjust method of image size

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW100134024A TWI493429B (en) 2011-09-21 2011-09-21 Adjust method of image size

Publications (2)

Publication Number Publication Date
TW201314551A TW201314551A (en) 2013-04-01
TWI493429B true TWI493429B (en) 2015-07-21

Family

ID=48802536

Family Applications (1)

Application Number Title Priority Date Filing Date
TW100134024A TWI493429B (en) 2011-09-21 2011-09-21 Adjust method of image size

Country Status (1)

Country Link
TW (1) TWI493429B (en)

Citations (4)

* Cited by examiner, † Cited by third party
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

Patent Citations (4)

* Cited by examiner, † Cited by third party
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 (en) 2013-04-01

Similar Documents

Publication Publication Date Title
US20190303423A1 (en) Device, Method, and Graphical User Interface for Providing Handwriting Support in Document Editing
EP2815299B1 (en) Thumbnail-image selection of applications
US9804761B2 (en) Gesture-based touch screen magnification
US8587543B2 (en) Display control device and display control method
JP5703873B2 (en) Information processing apparatus, information processing method, and program
US20140002502A1 (en) Method and apparatus for outputting graphics to a display
US11947791B2 (en) Devices, methods, and systems for manipulating user interfaces
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
WO2012166176A1 (en) Edge gesture
JP2011081440A (en) Information processing apparatus, information processing method, and information processing program
US8762840B1 (en) Elastic canvas visual effects in user interface
WO2012166175A1 (en) Edge gesture
US11003340B2 (en) Display device
TWI490774B (en) Controlling method for locking zoomed area of browsing page of touch-controlled device
TW201319921A (en) Method for screen control and method for screen display on a touch screen
TWI442305B (en) A operation method and a system of the multi-touch
CN103019502A (en) Image size adjusting method
TWI493429B (en) Adjust method of image size
KR101251021B1 (en) Methode for adjusting image of touch screen
US20130181919A1 (en) Electronic device and method for controlling the same
JP2015022675A (en) Electronic apparatus, interface control method, and program
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