KR101464311B1 - Image display method using a user interface, image-processing apparatus and computer readable recording medium thereof - Google Patents
Image display method using a user interface, image-processing apparatus and computer readable recording medium thereof Download PDFInfo
- Publication number
- KR101464311B1 KR101464311B1 KR1020120077893A KR20120077893A KR101464311B1 KR 101464311 B1 KR101464311 B1 KR 101464311B1 KR 1020120077893 A KR1020120077893 A KR 1020120077893A KR 20120077893 A KR20120077893 A KR 20120077893A KR 101464311 B1 KR101464311 B1 KR 101464311B1
- Authority
- KR
- South Korea
- Prior art keywords
- image
- display unit
- original image
- size
- display
- Prior art date
Links
Images
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
-
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- 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
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
사용자 인터페이스를 이용한 이미지 디스플레이 방법, 이미지 처리 장치 및 컴퓨터 판독 가능한 기록 매체가 개시된다. 본 발명의 사용자 인터페이스를 이용한 이미지 디스플레이 방법은, 사용자로부터 원본이미지를 입력받아 디스플레이부에 디스플레이하는 원본이미지 디스플레이단계와, 사용자 인터페이스의 미리 정해진 버튼이 클릭되는 경우, 원본이미지와 디스플레이부의 기하학적 크기를 비교하고 비교결과에 따라 원본이미지의 크기를 변환하여 변환이미지를 생성하고 디스플레이부에 디스플레이하는 변환이미지 디스플레이단계와, 클릭 중인 버튼의 클릭이 해제되는 경우, 해제 당시 마우스 포인터가 위치하는 변환이미지의 영역정보를 산출하고, 산출된 변환이미지의 영역정보에 대응되는 원본이미지의 영역을 디스플레이부의 중심으로 이동한 원본이미지를 디스플레이부에 디스플레이하는 이동된 이미지 디스플레이단계를 포함한다. 본 발명에 의하면, 원본이미지가 디스플레이 장치보다 사이즈가 커서 원본 이미지의 일부만 디스플레이 장치를 통해 볼 수 있는 경우에도, 사용자 인터페이스를 이용하여 상세히 보고자 하는 원본 이미지의 특정 영역으로 쉽게 이동할 수 있다.An image display method using an user interface, an image processing apparatus, and a computer readable recording medium are disclosed. According to another aspect of the present invention, there is provided a method of displaying an image using a user interface, the method comprising: displaying an original image from a user on a display unit; comparing a geometric size of the original image with a display unit when a predetermined button of the user interface is clicked; A transformed image display step of transforming the size of the original image according to a result of the comparison to generate a transformed image and displaying the transformed image on the display unit; and, when the click of the button being clicked is released, And displaying the original image shifted to the center of the display unit on the display unit, the area of the original image corresponding to the calculated area information of the converted image. According to the present invention, even if the original image is larger than the display device and only a part of the original image can be viewed through the display device, the user can easily move to a specific area of the original image to be viewed using the user interface.
Description
본 발명은 이미지 처리 및 디스플레이 방법에 관한 것으로, 특히, 사용자 인터페이스를 이용한 이미지 디스플레이 방법, 이미지 처리 장치 및 컴퓨터 판독 가능한 기록 매체에 관한 것이다.
The present invention relates to an image processing and display method, and more particularly, to an image display method using an user interface, an image processing apparatus, and a computer-readable recording medium.
현재, 퍼스널 컴퓨터와 같은 각종 정보 기기의 보급, 디지털 카메라나 스마트폰의 대중화, 인터넷 인구의 폭발적인 증가 등에 의해, 일상 생활에 디지털 이미지의 문화가 깊게 침투하였다. 또한, 최근에는 디지털 카메라 및 스마트폰이 보편화 되어 사용자가 언제, 어디에서나 자유롭게 사진을 촬영할 수 있는 환경이 조성되고 있고, 장비의 첨단화로 인하여 고성능의 디지털 카메라가 보편화되고 있는 실정이다. At present, digital image culture penetrates deeply into everyday life by the spread of various information devices such as personal computers, the popularization of digital cameras and smart phones, and the explosion of the Internet population. Also, in recent years, digital cameras and smart phones have become commonplace, allowing users to freely take pictures anytime and anywhere, and high-performance digital cameras have become popular due to the advancement of equipment.
그러나, 최근의 디지털 카메라는 높은 화소수의 이미지 센서를 채용하여 고급 화질의 이미지를 촬영하는 장점이 있는 반면에 저장되는 이미지 파일의 사이즈가 증가하는 단점도 발생한다. 즉, 최대 해상도로 촬영한 이미지의 대부분은 일반 디스플레이 장치의 해상도보다 훨씬 커서 원본 이미지가 모니터 전체에 들어오지 않고, 원본 이미지의 일부만 볼 수 있다.However, recent digital cameras adopt an image sensor of a high pixel count to have an advantage of shooting an image of high image quality, but also have the disadvantage of increasing the size of an image file to be stored. In other words, most of the images shot at full resolution are much larger than the resolution of a typical display device, so that the original image does not come in through the monitor, and only a portion of the original image is visible.
이 경우, 디스플레이 장치에 보여 지지 않는 원본 이미지의 영역을 원본 이미지 그대로 보기 위해서는 마우스를 이용하여 원본 이미지를 드래그(drag)하여 보고자하는 영역까지 이동하여야 한다. 이때, 원본 이미지와 디스플레이 장치가 비슷한 사이즈를 가지는 경우는 문제가 없지만, 원본 이미지가 디스플레이 장치보다 훨씬 큰 사이즈를 가지는 경우는 불편함을 초래한다.
In this case, in order to view the area of the original image which is not displayed on the display device, the original image must be dragged to the area to be viewed by using the mouse. At this time, there is no problem if the original image and the display device have a similar size, but if the original image has a much larger size than the display device, it is inconvenient.
본 발명은 이와 같은 문제점을 해결하고자 하는 것으로, 원본이미지가 디스플레이 장치보다 사이즈가 커서 원본 이미지의 일부만 디스플레이 장치를 통해 볼 수 있는 경우에도, 사용자 인터페이스를 이용하여 상세히 보고자 하는 원본 이미지의 특정 영역으로 쉽게 이동함에 그 목적이 있다.
SUMMARY OF THE INVENTION The present invention has been made to solve the above problems and it is an object of the present invention to provide an image processing apparatus and method which can easily display a specific area of an original image to be viewed in detail using a user interface even when the original image is larger than a display device, It has its purpose in moving.
상기의 기술적 과제를 달성하기 위한, 일 측면에 따른 사용자 인터페이스를 이용한 이미지 디스플레이 방법은, 사용자로부터 원본이미지를 입력받아 디스플레이부에 디스플레이하는 원본이미지 디스플레이단계와, 사용자 인터페이스의 미리 정해진 버튼이 클릭되는 경우, 원본이미지와 디스플레이부의 기하학적 크기를 비교하고 비교결과에 따라 원본이미지의 크기를 변환하여 변환이미지를 생성하고 디스플레이부에 디스플레이하는 변환이미지 디스플레이단계와, 클릭 중인 버튼의 클릭이 해제되는 경우, 해제 당시 마우스 포인터가 위치하는 변환이미지의 영역정보를 산출하고, 산출된 변환이미지의 영역정보에 대응되는 원본이미지의 영역을 디스플레이부의 중심으로 이동한 원본이미지를 디스플레이부에 디스플레이하는 이동된 이미지 디스플레이단계를 포함한다.According to another aspect of the present invention, there is provided an image display method using a user interface, the method comprising: displaying an original image from a user on a display unit; displaying, when a predetermined button of the user interface is clicked A transformed image display step of comparing the geometric size of the original image and the display unit and converting the size of the original image according to the comparison result to generate a transformed image and displaying the transformed image on the display unit; A moving image display unit for displaying the original image shifted to the center of the display unit on the display unit by calculating the area information of the converted image in which the mouse pointer is located and moving the area of the original image corresponding to the area information of the calculated converted image to the center of the display unit Ray step.
여기서, 변환이미지 디스플레이단계는, 비교결과, 원본이미지가 디스플레이부보다 너비 또는 높이가 큰 경우, 디스플레이부의 크기와 동일한 크기의 변환이미지를 생성하여 디스플레이부에 디스플레이할 수 있다.Here, in the converted image display step, if the original image is wider or heavier than the display unit as a result of the comparison, the converted image having the same size as the size of the display unit can be generated and displayed on the display unit.
또한, 변환이미지 디스플레이단계는, 비교결과, 원본이미지가 디스플레이부보다 너비 또는 높이가 큰 경우, 원본이미지의 너비와 높이 사이의 비율과 동일한 비율을 가지고, 디스플레이부에 이미지 전체가 디스플레이될 수 있는 최대 크기의 변환이미지를 생성하여 디스플레이부에 디스플레이할 수 있다.Also, the converted image display step has a step of, when the comparison result shows that the ratio of the width of the original image to the height of the original image is larger than the width of the display portion, Size converted image can be generated and displayed on the display unit.
또한, 원본이미지 디스플레이단계 후에, 변환이미지 생성을 위한 변환이미지 크기를 입력받는 단계를 더 포함하되, 변환이미지 디스플레이단계는, 입력받은 크기로 변환이미지를 생성하여 디스플레이부에 디스플레이할 수 있다.Further, the method may further include receiving a converted image size for generating a converted image after the original image display step, wherein the converted image display step may generate a converted image with the input size and display the converted image on the display unit.
또 다른 측면에 따른 사용자 인터페이스를 이용한 이미지 처리 장치는, 사용자 인터페이스의 미리 정해진 버튼의 클릭을 감지하여, 디스플레이부에 디스플레이된 원본이미지와 디스플레이부의 기하학적 크기를 비교하고 비교결과에 따라 원본이미지의 크기를 변환하여 변환이미지를 생성하고 디스플레이부로 송신하는 변환이미지 생성부와, 클릭 중인 버튼의 클릭 해제를 감지하여, 해제 당시 마우스 포인터가 위치하는 변환이미지의 영역정보를 산출하고, 산출된 변환이미지의 영역정보에 대응되는 원본이미지의 영역을 디스플레이부의 중심으로 원본이미지를 이동시키는 원본이미지 이동부를 포함한다.According to another aspect of the present invention, there is provided an apparatus for processing an image using a user interface, the apparatus comprising: a display unit for displaying a first image on a display unit; A transformed image generation unit for generating a transformed image and transmitting the transformed image to a display unit; a transformed image generation unit for detecting the clicked release of the button being clicked and calculating the region information of the transformed image in which the mouse pointer is positioned at the time of release, And an original image moving unit for moving the original image to the center of the display unit.
여기서, 변환이미지 생성부는, 비교결과, 원본이미지가 디스플레이부보다 너비 또는 높이가 큰 경우, 디스플레이부의 크기와 동일한 크기의 변환 이미지를 생성하는 것을 특징으로 할 수 있다.Here, the converted image generating unit may generate a converted image having the same size as the size of the display unit, when the original image is wider or heavier than the display unit as a result of the comparison.
또한, 변환이미지 생성부는, 비교결과, 원본이미지가 디스플레이부보다 너비 또는 높이가 큰 경우, 원본이미지의 너비와 높이 사이의 비율과 동일한 비율을 가지고, 디스플레이부에 이미지 전체가 디스플레이될 수 있는 최대 크기의 변환이미지를 생성하는 것을 특징으로 할 수 있다.
When the original image is wider or heavier than the display unit, the converted image generating unit has a ratio that is the same as the ratio between the width and the height of the original image, and the maximum image size And generates the converted image.
본 발명에 따르면, 원본이미지가 디스플레이 장치보다 사이즈가 커서 원본 이미지의 일부만 디스플레이 장치를 통해 볼 수 있는 경우에도, 사용자 인터페이스를 이용하여 상세히 보고자 하는 원본 이미지의 특정 영역으로 쉽게 이동할 수 있다.
According to the present invention, even if the original image is larger than the display device and only a part of the original image can be viewed through the display device, the user can easily move to a specific area of the original image to be detailed using the user interface.
도 1은 본 발명의 일 실시예에 따른 사용자 인터페이스를 이용한 이미지 디스플레이 방법을 도시한 흐름도이다.
도 2는 본 발명의 일 실시예에 따른 사용자 인터페이스를 이용한 이미지 처리 장치의 구성도이다.
도 3 내지 5는 본 발명의 일 실시예인 사용자 인터페이스를 이용한 이미지 디스플레이 방법에 따른 디스플레이부에 디스플레이되는 이미지를 도시한 도면이다.1 is a flowchart illustrating an image display method using a user interface according to an embodiment of the present invention.
2 is a configuration diagram of an image processing apparatus using a user interface according to an embodiment of the present invention.
3 to 5 are views illustrating an image displayed on a display unit according to an image display method using a user interface, which is one embodiment of the present invention.
이하, 첨부된 도면을 참조하여 본 발명의 일 실시예를 상세하게 설명한다. 본 발명을 설명함에 있어 관련된 공지 기능 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명을 생략할 것이다. Hereinafter, an embodiment of the present invention will be described in detail with reference to the accompanying drawings. In the following description of the present invention, a detailed description of known functions and configurations incorporated herein will be omitted when it may make the subject matter of the present invention rather unclear.
한편, 본 출원에서 서술되는 용어의 의미는 다음과 같이 이해되어야 할 것이다.Meanwhile, the meaning of the terms described in the present application should be understood as follows.
"포함하다" 또는 "가지다" 등의 용어는 특징, 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.It will be understood that terms such as " comprise "or" have "are intended to specify that there are features, numbers, Elements or parts thereof, or combinations thereof, without departing from the spirit and scope of the invention.
각 단계들에 있어, 각 단계들은 문맥상 명백하게 특정 순서를 기재하지 않은 이상 명기된 순서와 다르게 일어날 수 있다. 즉, 각 단계들은 명기된 순서와 동일하게 일어날 수도 있고 실질적으로 동시에 수행될 수도 있으며 반대의 순서대로 수행될 수도 있다.In each step, each step may occur in a different order than stated, unless the context clearly states a particular order. That is, each step may occur in the same order as described, may be performed substantially concurrently, or may be performed in reverse order.
또한, 후술되는 용어들은 본 발명에서의 기능을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다.In addition, the terms described below are defined in consideration of the functions of the present invention, which may vary depending on the intention of the user, the operator, or the custom. Therefore, the definition should be based on the contents throughout this specification.
도 1은 본 발명의 일 실시예에 따른 사용자 인터페이스를 이용한 이미지 디스플레이 방법을 도시한 흐름도이다.1 is a flowchart illustrating an image display method using a user interface according to an embodiment of the present invention.
도시된 바와 같이, 먼저 사용자로부터 원본이미지를 입력받아 디스플레이부에 디스플레이한다.(110) 이때, 원본이미지의 크기는 디스플레이부의 크기보다 클 수 있고, 이 경우, 사용자는 원본이미지의 일부 영역만 디스플레이부를 통해 볼 수 있다. As shown in the figure, the original image is input from the user and displayed on the
그 후, 사용자가 마우스 포인터를 디스플레이부의 원본이미지가 있는 영역으로 이동시킨 후 사용자 인터페이스의 미리 정해진 버튼을 클릭하면, 원본이미지와 디스플레이부의 기하학적 크기를 비교하고 비교 결과에 따라 원본이미지의 크기를 변환하여 변환이미지를 생성한 후, 생성된 변환이미지를 디스플레이부에 디스플레이한다.(130) 이때, 사용자 인터페이스는 키보드, 마우스 등일 수 있고, 미리 정해진 버튼은 본 발명의 실시를 위하여 미리 정해진 버튼으로써, 키보드의 경우는 shift키, ctrl키, alt키 등일 수 있고, 마우스의 경우는 버튼, 휠 등일 수 있다. 다만, 상기의 예는 본 발명의 이해를 돕기 위한 예시일 뿐 이에 한정되는 것은 아니다. 또한, 변환 이미지 생성에 관한, 일 예를 들면, 원본이미지와 디스플레이부의 기하학적 크기를 비교한 결과, 원본이미지가 디스플레이부보다 너비 또는 높이가 큰 경우,(너비가 크고 높이가 작은 경우, 너비가 작고 높이가 큰 경우, 너비와 높이가 모두 큰 경우를 모두 포함한다.) 디스플레이부의 크기와 동일한 크기의 변환이미지를 생성하거나 또는 원본이미지의 너비와 높이 사이의 비율과 동일한 비율을 가지고, 디스플레이부에 이미지 전체가 디스플레이될 수 있는 최대 크기의 변환이미지를 생성하여 디스플레이부에 디스플레이할 수 있다.Thereafter, when the user moves the mouse pointer to the area of the original image of the display unit and then clicks a predetermined button of the user interface, the geometric size of the original image and the display unit are compared and the size of the original image is converted according to the comparison result (130) The user interface may be a keyboard, a mouse, and the like, and the predetermined button may be a predetermined button for the implementation of the present invention, The case may be a shift key, a ctrl key, an alt key, and the like in the case of a mouse, a button, a wheel, and the like. However, the present invention is not limited to the above examples. As a result of comparing the geometric sizes of the original image and the display unit with respect to the generation of the converted image, for example, when the original image is larger in width or height than the display unit (when the width is large and the height is small, And a case where both the width and the height are both large when the height is large, or both the width and the height are both large). The converted image of the maximum size that can be displayed as a whole can be generated and displayed on the display unit.
또한, 도시되지는 않았지만, 변환이미지 생성 전에 사용자로부터 생성하고자 하는 변환 이미지 크기를 입력받는 단계를 더 포함할 수 있고, 이 경우, 사용자로부터 입력받은 크기로 변환이미지를 생성하여 디스플레이부에 디스플레이할 수 있다.In addition, although not shown, the method may further include receiving a converted image size to be generated by the user before generating the converted image. In this case, the converted image may be generated in the size input from the user and displayed on the display unit have.
그 후, 사용자가 사용자 인터페이스의 미리 정해진 버튼의 클릭을 유지한 상태에서 현재 디스플레이된 변환이미지에서 상세히 보고자 하는 영역으로 마우스 포인터를 이동시키고 클릭 중인 버튼의 클릭을 해제하면, 해제 당시 마우스 포인터가 위치하는 변환이미지의 영역정보를 산출하고, 산출된 변환이미지의 영역정보에 대응되는 원본이미지의 영역을 디스플레이부의 중심으로 이동하여 이동된 원본이미지를 디스플레이부에 디스플레이한다.(150)Thereafter, when the user holds the click of the predetermined button of the user interface and moves the mouse pointer from the currently displayed transformed image to the area to be detailed, clicking the button that is being clicked releases the mouse pointer The area of the original image corresponding to the calculated area information of the converted image is moved to the center of the display unit and the moved original image is displayed on the display unit.
이와는 달리, 사용자가 마우스 포인터의 이동 없이 클릭 중인 버튼의 클릭을 해제하는 경우, 즉, 버튼의 클릭 해제 당시 마우스 포인터의 위치가 버튼의 클릭 당시의 위치와 동일한 경우, 변환이미지의 중심 영역정보를 산출하고, 산출된 변환이미지의 중심 영역정보에 대응되는 원본이미지의 중심 영역을 디스플레이부의 중심으로 이동한 이동된 원본이미지를 디스플레이부에 디스플레이한다.Alternatively, when the user releases the click of the button being clicked without moving the mouse pointer, that is, when the position of the mouse pointer when the button is released is the same as the position at the time of the button click, the center area information of the converted image is calculated And displays the shifted original image shifted to the center of the display unit, the center area of the original image corresponding to the calculated center area information of the converted image, on the display unit.
도 2는 본 발명의 일 실시예에 따른 사용자 인터페이스를 이용한 이미지 처리 장치의 구성도이다.2 is a configuration diagram of an image processing apparatus using a user interface according to an embodiment of the present invention.
도시된 바와 같이, 본 발명의 일 실시예에 따른 사용자 인터페이스를 이용한 이미지 처리 장치(200)는 변환이미지 생성부(210)와 원본이미지 이동부(230)를 포함할 수 있다.As shown in the figure, an
먼저, 디스플레이부(400)는 원본이미지를 디스플레이하고 있다고 가정한다. First, it is assumed that the
변환이미지 생성부(210)는 사용자 인터페이스(300)의 미리 정해진 버튼의 클릭을 감지하여, 디스플레이부(400)에 디스플레이된 원본이미지와 디스플레이부(400)의 기하학적 크기를 비교하고 비교 결과에 따라 원본이미지의 크기를 변환하여 변환이미지를 생성하고 디스플레이부(400)로 송신한다. 이때, 사용자 인터페이스는 키보드, 마우스 등일 수 있고, 미리 정해진 버튼은 본 발명의 실시를 위하여 미리 정해진 버튼으로써, 키보드의 경우는 shift키, ctrl키, alt키 등일 수 있고, 마우스의 경우는 버튼, 휠 등일 수 있다. 다만, 상기의 예는 본 발명의 이해를 돕기 위한 예시일 뿐 이에 한정되는 것은 아니다. 또한, 변환 이미지 생성에 관한, 일 예를 들면, 원본이미지와 디스플레이부(400)의 기하학적 크기를 비교한 결과, 원본이미지가 디스플레이부(400)보다 너비 또는 높이가 큰 경우,(너비가 크고 높이가 작은 경우, 너비가 작고 높이가 큰 경우, 너비와 높이가 모두 큰 경우를 모두 포함한다.) 디스플레이부(400)의 크기와 동일한 크기의 변환이미지를 생성하거나 또는 원본이미지의 너비와 높이 사이의 비율과 동일한 비율을 가지고, 디스플레이부(400)에 이미지 전체가 디스플레이될 수 있는 최대 크기의 변환이미지를 생성할 수 있다. 생성된 변환이미지는 디스플레이부(400)로 송신되고, 디스플레이된다.The converted
그 후, 사용자가 버튼의 클릭을 유지한 상태에서 현재 디스플레이된 변환이미지에서 상세히 보고자 하는 영역으로 마우스 포인터를 이동시키고 클릭 중인 버튼의 클릭을 해제하면, 원본이미지 이동부(230)는 클릭 중인 버튼의 클릭 해제를 감지하여, 해제 당시 마우스 포인터가 위치하는 변환이미지의 영역정보를 산출하고, 산출된 변환이미지의 영역정보에 대응되는 원본이미지의 영역이 디스플레이부(400)의 중심에 오도록 원본이미지를 이동시킨다. 이동된 원본이미지는 디스플레이부(400)에 디스플레이된다.Then, when the user keeps clicking the button and moves the mouse pointer from the currently displayed transformed image to the area to be detailed, the original
이와는 달리, 사용자가 마우스 포인터의 이동 없이 클릭 중인 버튼의 클릭을 해제하는 경우, 즉, 버튼의 클릭 해제 당시 마우스 포인터의 위치가 버튼의 클릭 당시의 위치와 동일한 경우, 원본이미지 이동부(230)는 변환이미지의 중심 영역 정보를 산출하고, 산출된 변환이미지의 중심 영역 정보에 대응되는 원본이미지의 중심 영역이 디스플레이부(400)의 중심에 오도록 원본이미미지를 이동시킨다. 이동된 원본이미지를 디스플레이부(400)에 디스플레이된다.When the user releases the click of the button being clicked without moving the mouse pointer, that is, when the position of the mouse pointer at the time of release of the button is the same as the position at the time of the click of the button, the original
도 3 내지 5는 본 발명의 일 실시예인 사용자 인터페이스를 이용한 이미지 디스플레이 방법에 따른 디스플레이부에 디스플레이되는 이미지를 도시한 도면이다.3 to 5 are views illustrating an image displayed on a display unit according to an image display method using a user interface, which is one embodiment of the present invention.
도 3은 디스플레이부(400)보다 너비와 높이가 모두 큰 원본이미지를 도시하고, 도시된 바와 같이, 원본이미지는 디스플레이부(400)보다 너비와 높이가 커서 원본 이미지의 일부 영역만 디스플레이부를 통해 볼 수 있다. 즉, 기린 이미지(원본이미지)에서 몸통 부분(일부 영역)만 디스플레이부를 통해 볼 수 있다.3 shows an original image having a larger width and height than the
사용자가 마우스 포인터를 디스플레이부(400)의 원본이미지가 있는 영역으로 이동시킨 후 사용자 인터페이스(300)의 미리 정해진 버튼을 클릭하면, 원본이미지와 디스플레이부(400)의 기하학적 크기를 비교하고, 비교 결과, 원본이미지가 디스플레이부(400)보다 너비와 높이 모두 크므로, 원본이미지의 크기를 변환하여 변환이미지를 생성한 후, 생성된 변환이미지를 디스플레이부(400)에 디스플레이한다. 도 4a는 디스플레이부(400)의 크기와 동일한 크기의 변환이미지를 도시하고, 도 4b는 원본이미지의 너비와 높이 사이의 비율과 동일한 비율을 가지고, 디스플레이부(400)에 이미지 전체가 디스플레이될 수 있는 최대 크기의 변환이미지를 도시한다.When the user moves the mouse pointer to the area of the original image of the
그 후, 사용자가 버튼의 클릭을 유지한 상태에서 현재 디스플레이된 변환이미지(도 4a 또는 도 4b)에서 상세히 보고자 하는 기린의 목부분으로 마우스 포인터를 이동시키고 클릭 중인 버튼의 클릭을 해제하면, 해제 당시 마우스 포인터가 위치하는 기린의 목부분의 영역 정보를 산출하고, 산출된 변환이미지의 영역 정보에 대응되는 원본이미지의 영역인 기린의 목부분을 디스플레이부(400)의 중심으로 이동하여 이동된 원본이미지를 디스플레이부(400)에 디스플레이한다. 이동된 원본이미지를 디스플레이한 결과가 도 5에 도시된다.Thereafter, when the user moves the mouse pointer to the neck portion of the giraffe to be detailed in the currently displayed transformed image (Fig. 4A or 4B) while the user keeps clicking the button and releases the click of the button being clicked, The neck portion of the giraffe, which is an area of the original image corresponding to the calculated region information of the transformed image, is moved to the center of the
본 발명은, 또한, 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드의 형태로 구현하는 것이 가능하다. 이때, 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록 장치를 포함한다.The present invention can also be embodied in the form of computer readable code on a computer readable recording medium. At this time, the computer-readable recording medium includes all kinds of recording apparatuses in which data that can be read by a computer system is stored.
컴퓨터가 읽을 수 있는 기록매체의 예로는 ROM, RAM, CD-ROM, 자기테이프, 플로피 디스크, 광 데이터 저장장치 등이 있으며, 캐리어웨이브(예: 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산된 방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다. 그리고 본 발명을 구현하기 위한 기능적인 프로그램, 코드, 코드 세그먼트들은 본 발명이 속하는 기술 분야의 프로그래머들에 의해 용이하게 추론될 수 있다.Examples of the computer-readable recording medium include a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical data storage, and the like, and may be implemented in the form of a carrier wave . The computer-readable recording medium can also be stored and executed by a computer-readable code in a distributed manner on a networked computer system. And functional programs, codes, and code segments for implementing the present invention can be easily deduced by programmers skilled in the art to which the present invention belongs.
본 발명에 따르면, 원본이미지가 디스플레이부보다 크기가 커서 한번에 일부 영역만 보여지는 경우, 마우스를 이용하여 특정 영역의 상세 보기를 쉽게 할 수 있다.According to the present invention, when the original image is larger than the display unit and only a part of the original image is displayed at once, detailed view of a specific area can be easily made using a mouse.
이제까지 본 발명에 대하여 그 바람직한 실시예들을 중심으로 살펴보았다. 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 변형된 형태로 구현될 수 있음을 이해할 수 있을 것이다. 따라서, 본 발명의 범위는 전술한 실시예에 한정되지 않고 특허청구범위에 기재된 내용과 동등한 범위 내에 있는 다양한 실시 형태가 포함되도록 해석되어야 할 것이다.
The present invention has been described with reference to the preferred embodiments. It will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the invention as defined by the appended claims. Therefore, the scope of the present invention should not be limited to the above-described embodiments, but should be construed to include various embodiments within the scope of the claims.
200 : 이미지 처리 장치, 210 : 변환이미지 생성부,
230 : 원본이미지 이동부, 300 : 사용자 인터페이스,
400 : 디스플레이부.200: image processing apparatus, 210: converted image generating unit,
230: original image moving unit, 300: user interface,
400: Display section.
Claims (10)
사용자 인터페이스의 미리 정해진 버튼이 클릭되는 경우, 원본이미지와 디스플레이부의 기하학적 크기를 비교하고 비교결과에 따라 원본이미지의 크기를 변환하여 변환이미지를 생성하고 디스플레이부에 디스플레이하는 변환이미지 디스플레이단계;및
클릭 중인 버튼의 클릭이 해제되는 경우, 해제 당시 마우스 포인터가 위치하는 변환이미지의 영역정보를 산출하고, 산출된 변환이미지의 영역정보에 대응되는 원본이미지의 영역을 디스플레이부의 중심으로 이동한 원본이미지를 디스플레이부에 디스플레이하는 이동된 이미지 디스플레이단계;를 포함하는 사용자 인터페이스를 이용한 이미지 디스플레이 방법.
An original image display step of receiving an original image from a user and displaying the original image on a display unit;
A transformed image display step of, when a predetermined button of the user interface is clicked, comparing the geometric size of the original image and the display part, converting the size of the original image according to the result of the comparison,
When the click of the button being clicked is released, the area information of the converted image in which the mouse pointer is positioned at the time of release is calculated, and the original image corresponding to the area information of the calculated converted image is moved to the center of the display unit A method of displaying an image using a user interface, the method comprising: displaying a displayed image on a display unit;
상기 사용자 인터페이스는 키보드, 마우스 중 어느 하나인 것을 특징으로 하는 사용자 인터페이스를 이용한 이미지 디스플레이 방법.
The method according to claim 1,
Wherein the user interface is one of a keyboard and a mouse.
상기 비교결과, 원본이미지가 디스플레이부보다 너비 또는 높이가 큰 경우, 디스플레이부의 크기와 동일한 크기의 변환이미지를 생성하여 디스플레이부에 디스플레이하는 것을 특징으로 하는 사용자 인터페이스를 이용한 이미지 디스플레이 방법.
2. The method according to claim 1,
And generating a converted image having the same size as the size of the display unit and displaying the converted image on the display unit when the original image is wider or heavier than the display unit.
상기 비교결과, 원본이미지가 디스플레이부보다 너비 또는 높이가 큰 경우, 원본이미지의 너비와 높이 사이의 비율과 동일한 비율을 가지고, 디스플레이부에 이미지 전체가 디스플레이될 수 있는 최대 크기의 변환이미지를 생성하여 디스플레이부에 디스플레이하는 것을 특징으로 하는 사용자 인터페이스를 이용한 이미지 디스플레이 방법.
2. The method according to claim 1,
As a result of the comparison, when the original image is wider or heavier than the display unit, a maximum-size converted image having the same ratio as the width and height of the original image and capable of displaying the entire image on the display unit is generated And displaying the image on the display unit.
상기 원본이미지 디스플레이단계 후에,
변환이미지 생성을 위한 변환이미지 크기를 입력받는 단계;를 더 포함하되,
상기 변환이미지 디스플레이단계는, 입력받은 크기로 변환이미지를 생성하여 디스플레이부에 디스플레이하는 것을 특징으로 하는 사용자 인터페이스를 이용한 이미지 디스플레이 방법.
The method according to claim 1,
After the original image display step,
Receiving a converted image size for generating a transformed image,
Wherein the transformed image display step generates a transformed image with the input size and displays the transformed image on a display unit.
상기 버튼의 클릭 해제 당시의 마우스 포인터의 위치가 버튼의 클릭 당시의 위치와 동일한 경우, 변환이미지의 중심 영역 정보를 산출하고, 산출된 변환이미지의 중심 영역 정보에 대응되는 원본이미지의 중심 영역을 디스플레이부의 중심으로 이동한 원본이미지를 디스플레이부에 디스플레이하는 것을 특징으로 하는 사용자 인터페이스를 이용한 이미지 디스플레이 방법.
2. The method according to claim 1,
If the position of the mouse pointer at the time of clicking the button is the same as the position at the time of the button click, calculates the center area information of the converted image and displays the center area of the original image corresponding to the calculated center area information of the converted image And displaying the original image moved to the center of the image on the display unit.
클릭 중인 버튼의 클릭 해제를 감지하여, 해제 당시 마우스 포인터가 위치하는 변환이미지의 영역정보를 산출하고, 산출된 변환이미지의 영역정보에 대응되는 원본이미지의 영역을 디스플레이부의 중심으로 원본이미지를 이동시키는 원본이미지 이동부;를 포함하는 사용자 인터페이스를 이용한 이미지 처리 장치.
Detecting a click of a predetermined button on the user interface, comparing the original image displayed on the display unit with the geometric size of the display unit, converting the size of the original image according to the result of the comparison, generating a transformed image, And
The area of the original image corresponding to the calculated area information of the converted image is moved to the center of the display unit by moving the mouse pointer And an original image moving unit (130).
상기 비교결과, 원본이미지가 디스플레이부보다 너비 또는 높이가 큰 경우, 디스플레이부의 크기와 동일한 크기의 변환 이미지를 생성하는 것을 특징으로 하는 사용자 인터페이스를 이용한 이미지 처리 장치.
8. The image processing apparatus according to claim 7,
Wherein when the original image has a width or height greater than that of the display unit, the converted image having the same size as the size of the display unit is generated.
상기 비교결과, 원본이미지가 디스플레이부보다 너비 또는 높이가 큰 경우, 원본이미지의 너비와 높이 사이의 비율과 동일한 비율을 가지고, 디스플레이부에 이미지 전체가 디스플레이될 수 있는 최대 크기의 변환이미지를 생성하는 것을 특징으로 하는 사용자 인터페이스를 이용한 이미지 처리 장치.
8. The image processing apparatus according to claim 7,
As a result of the comparison, when the original image is wider or heavier than the display portion, a maximum-size converted image having a ratio equal to the ratio between the width and the height of the original image and capable of displaying the entire image on the display portion is generated The image processing apparatus comprising:
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020120077893A KR101464311B1 (en) | 2012-07-17 | 2012-07-17 | Image display method using a user interface, image-processing apparatus and computer readable recording medium thereof |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020120077893A KR101464311B1 (en) | 2012-07-17 | 2012-07-17 | Image display method using a user interface, image-processing apparatus and computer readable recording medium thereof |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20140010818A KR20140010818A (en) | 2014-01-27 |
KR101464311B1 true KR101464311B1 (en) | 2014-11-21 |
Family
ID=50143337
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020120077893A KR101464311B1 (en) | 2012-07-17 | 2012-07-17 | Image display method using a user interface, image-processing apparatus and computer readable recording medium thereof |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101464311B1 (en) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20070013829A (en) * | 2005-07-27 | 2007-01-31 | 삼성전자주식회사 | Method and apparatus for displaying wallpaper |
KR20120079579A (en) * | 2011-01-05 | 2012-07-13 | 삼성전자주식회사 | Method and apparatus for changing a size of screen using multi-touch |
-
2012
- 2012-07-17 KR KR1020120077893A patent/KR101464311B1/en active IP Right Grant
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20070013829A (en) * | 2005-07-27 | 2007-01-31 | 삼성전자주식회사 | Method and apparatus for displaying wallpaper |
KR20120079579A (en) * | 2011-01-05 | 2012-07-13 | 삼성전자주식회사 | Method and apparatus for changing a size of screen using multi-touch |
Also Published As
Publication number | Publication date |
---|---|
KR20140010818A (en) | 2014-01-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11543938B2 (en) | Identifying applications on which content is available | |
US11210850B2 (en) | Rendering 3D captions within real-world environments | |
US10397649B2 (en) | Method of zooming video images and mobile display terminal | |
US10062133B1 (en) | Image retrieval for computing devices | |
EP3267289B1 (en) | Information processing apparatus, position information generation method, and information processing system | |
US10802663B2 (en) | Information processing apparatus, information processing method, and information processing system | |
US9158391B2 (en) | Method and apparatus for controlling content on remote screen | |
US9535595B2 (en) | Accessed location of user interface | |
KR101783115B1 (en) | Telestration system for command processing | |
EP2663087A2 (en) | Media system and method of providing recommended search term corresponding to an image | |
AU2013223015A1 (en) | Method and apparatus for moving contents in terminal | |
KR20140101169A (en) | Guide method for taking a picture and mobile terminal implementing the same | |
CN102272697A (en) | Computing device and method for selecting display regions responsive to non-discrete directional input actions and intelligent content analysis | |
KR20130088104A (en) | Mobile apparatus and method for providing touch-free interface | |
CN101788877A (en) | Method for operating a space menu and electronic device with operating space menu | |
US20140229834A1 (en) | Method of video interaction using poster view | |
CN103500234B (en) | A kind of multimedia file downloading method and electronic equipment | |
CN114845152B (en) | Display method and device of play control, electronic equipment and storage medium | |
KR20230061519A (en) | Screen capture methods, devices and electronics | |
CN113852757A (en) | Video processing method, device, equipment and storage medium | |
KR101464311B1 (en) | Image display method using a user interface, image-processing apparatus and computer readable recording medium thereof | |
US11711211B2 (en) | Generating a secure random number by determining a change in parameters of digital content in subsequent frames via graphics processing circuitry | |
US20190325657A1 (en) | Operating method and device applicable to space system, and storage medium | |
JP2020115327A (en) | Augmented reality document redaction | |
JP6065654B2 (en) | System, image projection apparatus, control method, and program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant | ||
FPAY | Annual fee payment |
Payment date: 20180518 Year of fee payment: 4 |
|
FPAY | Annual fee payment |
Payment date: 20190820 Year of fee payment: 5 |
|
R401 | Registration of restoration |