WO2017024954A1 - Method and device for image display - Google Patents

Method and device for image display Download PDF

Info

Publication number
WO2017024954A1
WO2017024954A1 PCT/CN2016/092411 CN2016092411W WO2017024954A1 WO 2017024954 A1 WO2017024954 A1 WO 2017024954A1 CN 2016092411 W CN2016092411 W CN 2016092411W WO 2017024954 A1 WO2017024954 A1 WO 2017024954A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
display
displayed
display area
processed image
Prior art date
Application number
PCT/CN2016/092411
Other languages
French (fr)
Chinese (zh)
Inventor
常潇
Original Assignee
北京奇虎科技有限公司
奇智软件(北京)有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京奇虎科技有限公司, 奇智软件(北京)有限公司 filed Critical 北京奇虎科技有限公司
Publication of WO2017024954A1 publication Critical patent/WO2017024954A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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

Definitions

  • the present invention relates to the field of network communication technologies, and in particular, to an image display method and apparatus.
  • the mobile terminal can display various image contents such as still pictures, dynamic pictures, and videos. These image content can be downloaded by the user via the Internet or by the user through a mobile terminal or other camera device.
  • the image content is generally adapted to the display screen size of the mobile terminal, so that the mobile terminal can display all the image content.
  • the mobile terminal is usually small and the size of the display screen is limited, the image seen by the user is small, thereby affecting the sharpness of the image.
  • the zooming operation enlarges the image in both the horizontal direction and the vertical direction so that the image seen by the user is only a corner of the original image.
  • a slight swipe causes the image to move in both the horizontal and vertical directions, making it difficult for the user to find specific content in the image.
  • the present invention has been made in order to provide an image display method and apparatus that overcomes the above problems or at least partially solves the above problems.
  • an image display method includes: acquiring an image to be displayed; acquiring information of a display area corresponding to the image; and processing the image according to information of the display area Displaying the processed image in the display area, wherein the size of the processed image in the first direction is the same as the size of the display area in the first direction, and the size of the processed image in the second direction is larger than the display area. a dimension in the two directions, the first direction being perpendicular to the second direction; wherein, when the corresponding sliding instruction is received, the displayed processed image is correspondingly slid in the second direction to display before the corresponding sliding instruction is received Part of the image displayed.
  • an image display apparatus includes: a first acquisition module adapted to acquire an image to be displayed; a second acquisition module adapted to acquire information of a display area corresponding to the image; and a processing display module And adapted to process the image according to the information of the display area and display the processed image in the display area, wherein the size of the processed image in the first direction is the same as the size of the display area in the first direction, and the processed image is The size in the second direction is larger than the size of the display area in the second direction, and the first direction is perpendicular to the second direction; wherein, when the corresponding sliding instruction is received, the processed image displayed by the processing display module is in the second direction Slide up accordingly to display a partial image that was not displayed before the corresponding slide command was received.
  • a computer program comprising computer readable code, when said computer readable code is run on a computing device, causing said computing device to perform an image display method as described above.
  • the image display method and apparatus provided by the present invention, first, the image is processed according to the information of the display area, so that the size of the processed image in the first direction is the same as the size of the display area in the first direction, and the processing is performed.
  • the size of the latter image in the second direction is larger than the size of the display area in the second direction; then, the processed image is displayed in the display area, and when the corresponding sliding instruction is received, the displayed processed image is The second direction is slid correspondingly to display a partial image that is not displayed before the corresponding sliding instruction is received. Therefore, in the present invention, the image is processed according to the size of the display area, so that the processed image and the display area are completely adapted in one direction, thereby enabling the processed image to be displayed in one direction.
  • the present invention is first adapted in one direction, in the process of sliding the image, the image can only slide in the horizontal or vertical direction, and does not slide up and down and left and right at the same time, so that the user can easily find the image. Specific content.
  • FIG. 1 is a flowchart of an image display method according to an embodiment of the present invention
  • FIG. 2 is a flow chart showing an image display method provided by an embodiment of the present invention.
  • Figure 3a shows a schematic view of a zoomed image
  • Figure 3b shows a schematic view of a zoomed image displayed in a screen display area
  • FIG. 4 is a structural diagram of an image display apparatus according to an embodiment of the present invention.
  • FIG. 5 schematically shows a block diagram of a computing device for performing an image display method according to an embodiment of the present invention
  • Fig. 6 schematically shows a storage unit for holding or carrying program code implementing an image display method according to an embodiment of the present invention.
  • the embodiment of the invention provides an image display method and device, which can at least solve the problem that the mobile terminal in the prior art is not clear enough when the image is displayed due to the small screen size, and when the image portion is displayed, the zoom operation is performed again. Moving the image in both the horizontal and vertical directions simultaneously makes it difficult for the user to find technical problems with specific content in the image.
  • FIG. 1 is a flowchart of an image display method according to an embodiment of the present invention. As shown in FIG. 1, the method includes the following steps:
  • Step S110 Acquire an image to be displayed.
  • Step S120 Acquire information of a display area corresponding to the image.
  • the display area may be an area for displaying an image preset on the display screen, and the size and position of the area may be flexibly set according to actual needs.
  • Step S130 The image is processed according to the information of the display area and the processed image is displayed in the display area.
  • the size of the processed image in the first direction is the same as the size of the display area in the first direction, and the size of the processed image in the second direction is larger than the size of the display area in the second direction.
  • the first direction is perpendicular to the second direction, for example, the first direction is a horizontal direction, and the second direction is a vertical direction; or the first direction is a vertical direction, and the second direction is a horizontal direction.
  • the displayed processed image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received.
  • the slide command can be implemented in various ways, for example, it can be the amount of sliding displacement input through the touch screen display, or it can be the amount of movement displacement of the display screen detected by the sensor.
  • the displacement component of the sliding displacement amount or the movement displacement amount along the second direction is calculated, and the remaining content of the processed image is displayed according to the direction and magnitude of the displacement component.
  • the present invention is first adapted in one direction, in the process of sliding an image, the image can only slide in one direction, and does not slide up and down and left and right at the same time, so that the user can easily find the specific content in the image.
  • FIG. 2 is a flow chart showing an image display method provided by an embodiment of the present invention.
  • This embodiment is mainly applied to a scenario of home monitoring. For example, placing the camera in the living room of the user's home, aiming at the sofa in the middle of the living room, so as to capture the young children playing on the sofa, and transmit the captured video images to the parents' mobile devices so that parents can find them in time. Dangerous situation at home. Therefore, the original image in this embodiment is an image taken by the camera. In this embodiment, the original image needs to be displayed on a display screen of a mobile terminal (for example, a mobile phone or a tablet). As shown in FIG. 2, the method includes the following steps:
  • Step S210 setting the size and bit of the screen display area on the display screen of the mobile terminal in advance Set.
  • the display screen is used not only for displaying images but also for displaying some control information. Therefore, it is necessary to previously set the screen display area for displaying an image and the size and position of the screen control area for displaying control information in accordance with the size of the display screen. For example, you can set a partial area of two-thirds of the top of the display to the screen display area, and set the remaining one-third of the local area below the display to the screen control area.
  • the screen display area is all used to display an image, that is, the image fills the screen display area, leaving no blank portion on the edge.
  • the control information displayed by the screen control area may include, but is not limited to, angle information of the camera, a button that controls the rotation direction of the camera, and/or a button that adjusts the sharpness of the camera, and the like.
  • Step S220 The original image is scaled according to the size of the original image and the size of the screen display area, so that the size of the zoomed image (ie, the processed image) in the vertical direction is the same as the size of the screen display area in the vertical direction. And the size of the zoomed image in the horizontal direction is larger than the size of the screen display area in the horizontal direction.
  • the size of the original image and the size of the screen display area are first determined, and then the original image is adapted to the screen display area in one direction.
  • the size of the original image is 1280*720
  • the size of the screen display area is 920*720, that is, the height 720 of the original image in the vertical direction is the same as the height 720 of the screen display area in the vertical direction
  • the original image The width 1280 in the horizontal direction is greater than the width 920 of the screen display area in the horizontal direction. Therefore, when scaling the original image, the zoom ratio is set to 1:1, that is, the scaled image is the same size as the original image.
  • the size of the original image is 1280*720
  • the size of the screen display area is 1250*1080.
  • the zoom ratio is set to 1.5:1. Therefore, the original image is magnified 1.5 times to obtain a zoom image having a size of 1920*1080, the height of the zoom image in the vertical direction is the same as the height of the screen display area in the vertical direction (both 1080), and the zoom The width 1920 of the image in the horizontal direction is greater than the width 1250 of the screen display area in the horizontal direction.
  • the scaling process in order to keep the aspect ratio of the image unchanged, it is preferable to make the scaling ratio of the image in the first direction the same as the scaling in the second direction.
  • the screen display area is made the same size as the original image in the vertical direction, and thus the zoom ratio is 1:1.
  • the scaled image is the original image, so that the sharpness can be ensured to the utmost extent, and the blur is not caused by the enlargement, and it is not easily recognized due to the reduction.
  • the size of the screen display area is not much different from the original image in the vertical direction, so that only the original image needs to be slightly scaled.
  • Step S230 Calculate a mapping relationship between the pixel position of the zoomed image and the photographing angle according to the wide angle parameter of the camera and the size of the zoomed image.
  • the zoomed image contains exactly the scene within the camera's imaging range. According to the size of the zoomed image and the camera's imaging range, the specific pixel position on the zoomed image can be in one-to-one correspondence with the shooting angle of the camera.
  • the shooting angle of the camera in the horizontal direction is 0-100 degrees
  • the shooting angle in the vertical direction is 0-90 degrees
  • the size of the zoom image in the horizontal direction is 1280
  • the size in the vertical direction is 720.
  • the coordinate axis is created by taking the lower left corner of the zoomed image as the coordinate origin.
  • the coordinates of the lower left corner of the zoomed image are (0,0), the coordinates of the lower right corner (1280,0), and the coordinates of the upper left corner are (0,720), the upper right corner.
  • the coordinates are (1280, 720).
  • the vertical shooting angle is 0; accordingly, it can be determined that the pixel corresponding to the coordinate of (640, 0) corresponds to a horizontal shooting angle of 50 and a vertical shooting angle of zero.
  • the horizontal shooting angle corresponding to the pixel coordinate of the upper left corner of the zoom image is (0, 720) is 0, the vertical shooting angle is 90; the horizontal shooting angle corresponding to the pixel point of the upper right corner coordinate (1280, 720) is 100, the vertical shooting angle is 90; correspondingly, it can be determined that the pixel corresponding to the (640, 360) coordinate has a horizontal shooting angle of 50 and a vertical shooting angle of 45. And so on, each pixel on the scaled image can be associated with the camera's shooting angle.
  • Step S240 displaying the zoomed image in the screen display area; and determining a mapping relationship between the local pixel content displayed by the zoom image in the horizontal direction and the camera shooting angle, and The shooting angle corresponding to the local pixel content should be displayed.
  • the size (720) of the zoomed image in the vertical direction coincides with the size of the screen display area in the vertical direction, and the size of the zoomed image in the horizontal direction (1280) is larger than the size of the screen display area in the horizontal direction (920) ). Therefore, the pixel content of the scaled image in the vertical direction, that is, the pixel point of the vertical coordinate from 0 to 720 can be all displayed; and the pixel content of the scaled image in the horizontal direction, that is, the pixel point whose horizontal coordinate is from 0 to 1280 Cannot display all, only 920 pixels on the horizontal coordinate line can be displayed, and the remaining 360 pixels cannot be displayed.
  • the image shown in FIG. 3a is a zoomed image
  • the black square in FIG. 3b is a screen display area
  • the image in the black square is part of the scaled image displayed on the screen display area.
  • the vertical coordinate range of the partial image displayed on the screen display area is 0-720, that is, The entire pixel content of the zoomed image is displayed in the vertical direction; the horizontal coordinate range of the partial image displayed on the screen display area is 200-1120, and the two parts of the pixel content whose horizontal coordinate is less than 200 and the horizontal coordinate is greater than 1120 are not displayed.
  • the horizontal coordinate range of the partial image displayed on the screen display area is 200-1120
  • the two parts of the pixel content whose horizontal coordinate is less than 200 and the horizontal coordinate is greater than 1120 are not displayed.
  • the center of the image is aligned with the center of the display area. That is to say, the local pixel content displayed by the scaled image in the horizontal direction is the middle portion of the image, and the corresponding horizontal shooting angle range of the portion is 15.6 degrees-87.5 degrees. Therefore, the shooting angle corresponding to each pixel in the local pixel content can be correspondingly displayed in the screen control area, so that the user knows which part of the overall image the currently seen image is, and which angle images are not displayed. To be able to simulate the feeling of the real environment for the user.
  • the middle portion of the image is displayed by default in the horizontal direction as an example.
  • the middle portion of the image is displayed by default in step S240.
  • the left side portion or the right side portion of the image may be displayed by default in the horizontal direction in step S240, or the display area in the horizontal direction may be determined according to the setting of the user.
  • Step S250 slid and display the remaining pixel content of the zoomed image in the horizontal direction in the screen display area according to the received sliding instruction; and determine a mapping relationship between the remaining pixel content and the camera shooting angle, and correspondingly display and the remaining pixel content. Corresponding shooting angle.
  • the sliding command can be issued in a variety of ways.
  • the slide command may be the amount of sliding displacement input through the touch screen display.
  • the user only needs to slide the finger on the display screen, and the zoom image moves along the direction in which the user's finger slides, thereby displaying that the image is not displayed before. The rest of the pixel content.
  • the sliding command may also be the amount of movement displacement of the display screen detected by the sensor. At this time, the user only needs to move the mobile phone in the horizontal direction to display the remaining pixel content of the zoomed image in the corresponding direction.
  • the remaining pixel content of the zoomed image is displayed in the horizontal direction in the screen display area, it is first necessary to calculate the displacement component of the sliding displacement amount or the moving displacement amount in the horizontal direction, and then slide according to the direction and size of the displacement component. Displays the remaining pixel content of the scaled image. For example, when the slide command is the amount of sliding displacement input through the touch screen display, if the user's finger slides horizontally 1 cm to the left, the zoom image will also move horizontally 1 cm to the left, thereby causing the portion displayed in the screen display area.
  • the horizontal coordinate range of the image is changed to 201-1121; if the user's finger slides vertically upward, since the displacement component of the sliding displacement generated in the horizontal direction is 0, the zoomed image does not move, and the image displayed in the screen display area The content remains the same.
  • the slide command is the movement displacement amount of the display screen detected by the sensor, if the user moves the mobile phone horizontally 1 cm to the left, the horizontal coordinate range of the partial image displayed in the screen display area is changed to 1991-1119. If the user moves the mobile phone vertically upward, since the displacement component of the generated displacement amount in the horizontal direction is 0, the image content displayed in the screen display area does not change.
  • the zoom image when the zoom image is moved according to the sliding instruction, it is further determined whether the remaining portion of the zoom image in the direction to be displayed is smaller than the displacement amount in the sliding instruction, and if the determination result is yes, the zoom image is to be After the remaining portions of the displayed direction are all displayed, the sliding commands that are moved in this direction by the user are no longer responded to.
  • the zoom image needs to be moved 2 cm to the right according to the swipe command, so that the zoom image needs to be moved 1 cm to the right, so that the left side of the zoom image is The remaining parts are all displayed, and if the user sends a slide instruction that needs to move the zoomed image to the right, the instruction is no longer responded to.
  • the image content displayed in the screen display area will only move in the horizontal direction, and no movement will occur in the vertical direction, thereby facilitating the user to find the specific content of interest.
  • the displayed image content is changed, displayed in the screen control area
  • the imaging angle corresponding to the image content will also be changed accordingly, thereby enabling the user to know which part of the overall image the currently displayed image is, and providing a reference for the user to further slide the image in which direction.
  • the original image is adapted to the screen display area in the vertical direction to obtain a scaled image in which the vertical direction can be all displayed, and then the remaining portion of the scaled image is displayed by sliding in the horizontal direction.
  • a series of operations such as decoding, rendering, and rendering are performed on the scaled image, wherein all pixel content in the scaled image has been rendered, and which part of the image is to be displayed is corresponding to the pixel content of the corresponding portion.
  • the part of the image to be displayed changes, the changed part of the pixel content is drawn accordingly.
  • the image in the above embodiment may be either a still image or a moving image, or may be a video composed of a plurality of consecutive images.
  • the original image and the screen display area may be adapted in a horizontal direction to obtain a zoomed image that can be displayed in the horizontal direction, and then the zoomed image is displayed in a vertical direction by sliding.
  • the rest For example, assuming that the size of the original image is 720*5600, since the original image has a large size in the vertical direction, if it is adapted in the vertical direction, the image will be small and a blank will be left in the horizontal direction. Area, at this time, the original image and the screen display area can be adapted in the horizontal direction to obtain a scaled image that can be displayed in the horizontal direction, and then the rest of the scaled image is displayed by sliding in the vertical direction.
  • the size ratio of the original image and the size ratio of the screen display area may be combined to determine in which direction the adaptation is performed.
  • FIG. 4 is a structural diagram of an image display device 400 according to an embodiment of the present invention.
  • the image display device 400 includes a first acquisition module 41, a second acquisition module 42, and a processing display module 43.
  • the first obtaining module 41 is adapted to acquire an image to be displayed;
  • the second obtaining module 42 is adapted to acquire information of a display area corresponding to the image;
  • the processing display module 43 is adapted to process the image according to the information of the display area and display the image.
  • the area displays the processed image, wherein the size of the processed image in the first direction is the same as the size of the display area in the first direction, and the size of the processed image in the second direction is larger than the display area in the second direction
  • the upper dimension is perpendicular to the second direction; wherein, when the corresponding sliding instruction is received, the processed image displayed by the processing display module 43 is correspondingly slid in the second direction to display the corresponding sliding instruction received Before Part of the image that is not displayed.
  • the center of the processed image is aligned with the center of the display area.
  • the original image is an image taken by the camera
  • the display area is a partial area previously set on the display screen.
  • the display screen further includes a screen control area for displaying control information and/or angle information of the camera, and the processing display module 43 is specifically configured to: perform scaling processing on the image, wherein the image is in the first direction The scaling is the same as the scaling in the second direction.
  • the device further includes: a mapping module 44, configured to calculate a mapping relationship between the pixel position of the processed image and the shooting angle according to the wide-angle parameter of the camera and the size of the processed image, and then process the display module 43. Further for determining: a mapping relationship between the pixel content displayed by the processed image and the camera shooting angle, and correspondingly displaying a shooting angle corresponding to the pixel content displayed by the processed image; and, when the displayed processing is performed When the image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received, the processing display module 43 is further configured to determine the pixel content and the camera of the partial image that are not displayed before the corresponding sliding instruction is received. The mapping relationship between the shooting angles is corresponding to the shooting angle corresponding to the pixel content of the partial image that is not displayed before the corresponding sliding instruction is received.
  • the sliding command is a sliding displacement input through the touch display screen, or the sliding command is a moving displacement amount of the display screen detected by the sensor.
  • the processing display module 43 is further configured to: calculate a sliding displacement amount or a moving displacement edge when the displayed processed image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received.
  • the displacement component in the second direction slides and displays the processed image according to the direction and magnitude of the displacement component.
  • the original image is scaled according to the size of the original image and the size of the screen display area, so that the size of the zoomed image in the first direction and the screen display area are in the first side.
  • the upward dimensions are the same, and the size of the zoomed image in the second direction is greater than the size of the screen display area in the second direction; then, all pixel content of the image in the first direction and local pixels in the second direction are scaled
  • the content is displayed in the screen display area; and according to the received sliding instruction, the remaining pixel content of the zoomed image is displayed in the second direction in the screen display area.
  • the scaling is first performed by the scaling operation.
  • the image and the screen display area are fully adapted in one direction, thereby enabling the zoomed image to be fully displayed in one direction and only the partial content in the other direction; then, sliding the display zoom in the other direction according to the received swipe command
  • modules in the devices of the embodiments can be adaptively changed and placed in one or more devices different from the embodiment.
  • the modules or units or components of the embodiments may be combined into one module or unit or component, and further they may be divided into a plurality of sub-modules or sub-units or sub-components.
  • any combination of the features disclosed in the specification, including the accompanying claims, the abstract and the drawings, and any methods so disclosed, or All processes or units of the device are combined.
  • Each feature disclosed in this specification (including the accompanying claims, the abstract and the drawings) may be provided by the same, equivalent, or Alternative features of similar purposes are substituted.
  • the various component embodiments of the present invention may be implemented in hardware, or in a software module running on one or more processors, or in a combination thereof.
  • a microprocessor or digital signal processor may be used in practice to implement some or all of the functionality of some or all of the components of an image display device in accordance with embodiments of the present invention.
  • the invention can also be implemented as a device or device program (e.g., a computer program and a computer program product) for performing some or all of the methods described herein.
  • a program implementing the invention may be stored on a computer readable medium or may be in the form of one or more signals. Such signals may be downloaded from an Internet website, provided on a carrier signal, or provided in any other form.
  • Figure 5 illustrates a computing device that can implement an image display method in accordance with the present invention.
  • the computing device traditionally includes a computer program product or computer readable medium in the form of a processor 510 and a storage device 520.
  • Storage device 520 can be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk, or ROM.
  • Storage device 520 has a storage space 530 that stores program code 531 for performing any of the method steps described above.
  • storage space 530 storing program code may store respective program code 531 for implementing various steps in the above methods, respectively.
  • the program code can be read from or written to one or more computer program products.
  • These computer program products include program code carriers such as a hard disk, a compact disk (CD), a memory card, or a floppy disk.
  • a computer program product is typically a portable or fixed storage unit such as that shown in FIG.
  • the storage unit may have storage segments, storage spaces, and the like that are similarly arranged to storage device 520 in the computing device of FIG.
  • the program code can be compressed, for example, in an appropriate form.
  • the storage unit stores computer readable program code 531' for performing the steps of the method according to the present invention, ie program code readable by a processor such as 510, when the program code is run by the computing device, resulting in The computing device performs the various steps in the methods described above.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

Disclosed are a method and device for image display. The method comprises: acquiring an image to be displayed; acquiring information of a display area that corresponds to the image; processing the image on the basis of the display area information and displaying the processed image in the display area, the dimension of the processed image in a first direction being the same as the dimension of the display area in the first direction, the dimension of the processed image in a second direction being larger than the dimension of the display area in the second direction, and the first direction being perpendicular to the second direction; upon receiving a corresponding slide instruction, the displayed processed image slides correspondingly in the second direction so as to display a partial image not displayed before the corresponding slide instruction is received.

Description

图像显示方法及装置Image display method and device
相关申请的交叉参考Cross-reference to related applications
本申请主张在2015年8月8日在中国提交的中国专利申请No.201510484862.0的优先权,其全部内容通过引用包含于此。The present application claims priority to Chinese Patent Application No. 201510484862.0, filed on Jan. 8, 2015, the entire content of
技术领域Technical field
本发明涉及网络通信技术领域,具体涉及一种图像显示方法及装置。The present invention relates to the field of network communication technologies, and in particular, to an image display method and apparatus.
背景技术Background technique
目前,移动终端得到了越来越广泛的应用。通过移动终端能够显示静态图片、动态图片以及视频等多种图像内容。这些图像内容既可以是用户通过互联网下载得到的,也可以是用户通过移动终端或其他摄像设备拍摄得到的。At present, mobile terminals are getting more and more widely used. The mobile terminal can display various image contents such as still pictures, dynamic pictures, and videos. These image content can be downloaded by the user via the Internet or by the user through a mobile terminal or other camera device.
当用户通过移动终端浏览图像内容时,一般是将图像内容与移动终端的显示屏尺寸进行适配,使移动终端能够显示全部的图像内容。这时,由于移动终端通常比较小巧、显示屏的尺寸有限,导致用户看到的图像很小,从而影响了图像的清晰度。When the user browses the image content through the mobile terminal, the image content is generally adapted to the display screen size of the mobile terminal, so that the mobile terminal can display all the image content. At this time, since the mobile terminal is usually small and the size of the display screen is limited, the image seen by the user is small, thereby affecting the sharpness of the image.
虽然用户也可以将图像内容放大后观看,但是,该放大操作会将图像在水平方向以及竖直方向上同时放大,使用户看到的图像只是原始图像的某一角落。当用户想看原始图像的其他部分时,稍一滑动就会导致图像同时沿着水平方向和竖直方向移动,从而使用户难以找到图像中的特定内容。Although the user can also zoom in and view the image content, the zooming operation enlarges the image in both the horizontal direction and the vertical direction so that the image seen by the user is only a corner of the original image. When the user wants to see other parts of the original image, a slight swipe causes the image to move in both the horizontal and vertical directions, making it difficult for the user to find specific content in the image.
发明内容Summary of the invention
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的图像显示方法及装置。In view of the above problems, the present invention has been made in order to provide an image display method and apparatus that overcomes the above problems or at least partially solves the above problems.
依据本发明的一个方面,提供了一种图像显示方法,包括:获取欲显示的图像;获取图像对应的显示区域的信息;根据显示区域的信息处理图像并 在显示区域显示处理后的图像,其中处理后的图像在第一方向上的尺寸与显示区域在第一方向上的尺寸相同,且处理后的图像在第二方向上的尺寸大于显示区域在第二方向上的尺寸,第一方向垂直于第二方向;其中,当接收到对应的滑动指令时,显示的处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像。According to an aspect of the present invention, an image display method includes: acquiring an image to be displayed; acquiring information of a display area corresponding to the image; and processing the image according to information of the display area Displaying the processed image in the display area, wherein the size of the processed image in the first direction is the same as the size of the display area in the first direction, and the size of the processed image in the second direction is larger than the display area. a dimension in the two directions, the first direction being perpendicular to the second direction; wherein, when the corresponding sliding instruction is received, the displayed processed image is correspondingly slid in the second direction to display before the corresponding sliding instruction is received Part of the image displayed.
依据本发明的另一方面,提供了一种图像显示装置,包括:第一获取模块,适于获取欲显示的图像;第二获取模块,适于获取图像对应的显示区域的信息;处理显示模块,适于根据显示区域的信息处理图像并在显示区域显示处理后的图像,其中处理后的图像在第一方向上的尺寸与显示区域在第一方向上的尺寸相同,且处理后的图像在第二方向上的尺寸大于显示区域在第二方向上的尺寸,第一方向垂直于第二方向;其中,当接收到对应的滑动指令时,处理显示模块显示的处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像。According to another aspect of the present invention, an image display apparatus includes: a first acquisition module adapted to acquire an image to be displayed; a second acquisition module adapted to acquire information of a display area corresponding to the image; and a processing display module And adapted to process the image according to the information of the display area and display the processed image in the display area, wherein the size of the processed image in the first direction is the same as the size of the display area in the first direction, and the processed image is The size in the second direction is larger than the size of the display area in the second direction, and the first direction is perpendicular to the second direction; wherein, when the corresponding sliding instruction is received, the processed image displayed by the processing display module is in the second direction Slide up accordingly to display a partial image that was not displayed before the corresponding slide command was received.
根据本发明的另一个方面还提供了一种计算机程序,包括计算机可读代码,当所述计算机可读代码在计算设备上运行时,导致所述计算设备执行如上文所述的图像显示方法。According to another aspect of the present invention, there is also provided a computer program comprising computer readable code, when said computer readable code is run on a computing device, causing said computing device to perform an image display method as described above.
根据本发明的另一个方面还提供了一种计算机可读介质,其中存储了如上文所述的计算机程序。According to another aspect of the present invention, there is also provided a computer readable medium storing a computer program as described above.
在本发明提供的图像显示方法及装置中,首先,根据显示区域的信息对图像进行处理,使处理后的图像在第一方向上的尺寸与显示区域在第一方向上的尺寸相同,且处理后的图像在第二方向上的尺寸大于显示区域在第二方向上的尺寸;然后,在显示区域显示处理后的图像,并且,在接收到对应的滑动指令时,显示的处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像。由此可见,在本发明中,先根据显示区域的尺寸对图像进行处理使得处理后的图像与显示区域在一个方向上完全适配,由此使得处理后的图像在一个方向上能够全部显示,在另一方向上仅显示局部内容;然后,根据接收到的滑动指令沿另一方向滑动显示缩放图像中未显示的其余部分内容。由于本发明中先在一个方向上进行了适配,因此,在滑动图像的过程中,图像仅能够在水平或垂直方向上滑动,不会上下左右同时滑动,因而用户可以轻松地找到图像中的特定内容。 In the image display method and apparatus provided by the present invention, first, the image is processed according to the information of the display area, so that the size of the processed image in the first direction is the same as the size of the display area in the first direction, and the processing is performed. The size of the latter image in the second direction is larger than the size of the display area in the second direction; then, the processed image is displayed in the display area, and when the corresponding sliding instruction is received, the displayed processed image is The second direction is slid correspondingly to display a partial image that is not displayed before the corresponding sliding instruction is received. Therefore, in the present invention, the image is processed according to the size of the display area, so that the processed image and the display area are completely adapted in one direction, thereby enabling the processed image to be displayed in one direction. Only the partial content is displayed in the other direction; then, the remaining portion of the content that is not displayed in the zoomed image is displayed in the other direction according to the received slide instruction. Since the present invention is first adapted in one direction, in the process of sliding the image, the image can only slide in the horizontal or vertical direction, and does not slide up and down and left and right at the same time, so that the user can easily find the image. Specific content.
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。The above description is only an overview of the technical solutions of the present invention, and the above-described and other objects, features and advantages of the present invention can be more clearly understood. Specific embodiments of the invention are set forth below.
附图说明DRAWINGS
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:Various other advantages and benefits will become apparent to those skilled in the art from a The drawings are only for the purpose of illustrating the preferred embodiments and are not to be construed as limiting. Throughout the drawings, the same reference numerals are used to refer to the same parts. In the drawing:
图1示出了本发明实施例提供的图像显示方法的流程图;FIG. 1 is a flowchart of an image display method according to an embodiment of the present invention;
图2示出了本发明一个具体实施例提供的图像显示方法的流程图;2 is a flow chart showing an image display method provided by an embodiment of the present invention;
图3a示出了缩放图像的示意图,图3b示出了缩放图像在屏幕显示区域内显示时的示意图;Figure 3a shows a schematic view of a zoomed image, and Figure 3b shows a schematic view of a zoomed image displayed in a screen display area;
图4示出了本发明实施例提供的图像显示装置的结构图;FIG. 4 is a structural diagram of an image display apparatus according to an embodiment of the present invention;
图5示意性地示出了用于执行根据本发明实施例的图像显示方法的计算设备的框图;以及FIG. 5 schematically shows a block diagram of a computing device for performing an image display method according to an embodiment of the present invention;
图6示意性地示出了用于保持或者携带实现根据本发明实施例的图像显示方法的程序代码的存储单元。Fig. 6 schematically shows a storage unit for holding or carrying program code implementing an image display method according to an embodiment of the present invention.
具体实施方式detailed description
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While the embodiments of the present invention have been shown in the drawings, the embodiments Rather, these embodiments are provided so that this disclosure will be more fully understood and the scope of the disclosure will be fully disclosed.
本发明实施例提供了一种图像显示方法及装置,至少能够解决现有技术中的移动终端因屏幕尺寸较小而导致图像全部显示时不够清晰,而当图像部分显示时,通过放大操作又会使图像同时沿着水平方向和竖直方向移动,从而使用户难以找到图像中的特定内容的技术问题。 The embodiment of the invention provides an image display method and device, which can at least solve the problem that the mobile terminal in the prior art is not clear enough when the image is displayed due to the small screen size, and when the image portion is displayed, the zoom operation is performed again. Moving the image in both the horizontal and vertical directions simultaneously makes it difficult for the user to find technical problems with specific content in the image.
图1示出了本发明实施例提供的图像显示方法的流程图。如图1所示,该方法包括如下步骤:FIG. 1 is a flowchart of an image display method according to an embodiment of the present invention. As shown in FIG. 1, the method includes the following steps:
步骤S110:获取欲显示的图像。Step S110: Acquire an image to be displayed.
步骤S120:获取该图像对应的显示区域的信息。Step S120: Acquire information of a display area corresponding to the image.
其中,显示区域可以是在显示屏上预先设定的一块用于显示图像的区域,该区域的大小及位置可根据实际需要灵活设定。The display area may be an area for displaying an image preset on the display screen, and the size and position of the area may be flexibly set according to actual needs.
步骤S130:根据显示区域的信息处理图像并在显示区域显示处理后的图像。其中,处理后的图像在第一方向上的尺寸与显示区域在第一方向上的尺寸相同,且处理后的图像在第二方向上的尺寸大于显示区域在第二方向上的尺寸。并且,第一方向垂直于第二方向,例如,第一方向为水平方向,第二方向为竖直方向;或者,第一方向为竖直方向,第二方向为水平方向。Step S130: The image is processed according to the information of the display area and the processed image is displayed in the display area. The size of the processed image in the first direction is the same as the size of the display area in the first direction, and the size of the processed image in the second direction is larger than the size of the display area in the second direction. And, the first direction is perpendicular to the second direction, for example, the first direction is a horizontal direction, and the second direction is a vertical direction; or the first direction is a vertical direction, and the second direction is a horizontal direction.
其中,当接收到对应的滑动指令时,显示的处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像。滑动指令可以通过多种方式实现,例如,可以是通过触摸式显示屏输入的滑动位移量,或者,也可以是通过传感器检测到的显示屏的移动位移量。具体实现时,计算上述滑动位移量或移动位移量沿第二方向的位移分量,按照该位移分量的方向和大小滑动显示处理后的图像的其余内容。Wherein, when the corresponding sliding instruction is received, the displayed processed image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received. The slide command can be implemented in various ways, for example, it can be the amount of sliding displacement input through the touch screen display, or it can be the amount of movement displacement of the display screen detected by the sensor. In a specific implementation, the displacement component of the sliding displacement amount or the movement displacement amount along the second direction is calculated, and the remaining content of the processed image is displayed according to the direction and magnitude of the displacement component.
由于本发明中先在一个方向上进行了适配,因此,在滑动图像的过程中,图像仅能够朝向一个方向滑动,不会上下左右同时滑动,因而用户可以轻松地找到图像中的特定内容。Since the present invention is first adapted in one direction, in the process of sliding an image, the image can only slide in one direction, and does not slide up and down and left and right at the same time, so that the user can easily find the specific content in the image.
图2示出了本发明一个具体实施例提供的图像显示方法的流程图。本实施例主要应用于家庭监控的场景中。例如,将摄像头放置在用户家中的客厅内,对准客厅中间的沙发,以便拍摄到正在沙发上玩耍的幼童,并将拍摄到的视频图像传输到家长的移动设备上,使家长能够及时发现家中的危险情况。因此,本实施例中的原始图像为摄像头拍摄的图像,在本实施例中,需要将该原始图像显示在移动终端(例如手机、平板电脑)的显示屏上。如图2所示,该方法包括如下步骤:2 is a flow chart showing an image display method provided by an embodiment of the present invention. This embodiment is mainly applied to a scenario of home monitoring. For example, placing the camera in the living room of the user's home, aiming at the sofa in the middle of the living room, so as to capture the young children playing on the sofa, and transmit the captured video images to the parents' mobile devices so that parents can find them in time. Dangerous situation at home. Therefore, the original image in this embodiment is an image taken by the camera. In this embodiment, the original image needs to be displayed on a display screen of a mobile terminal (for example, a mobile phone or a tablet). As shown in FIG. 2, the method includes the following steps:
步骤S210:预先在移动终端的显示屏上设定屏幕显示区域的大小和位 置。Step S210: setting the size and bit of the screen display area on the display screen of the mobile terminal in advance Set.
在本实施例中,显示屏不仅用于显示图像,还用于显示一些控制信息。因此,需要根据显示屏的尺寸预先设定用于显示图像的屏幕显示区域以及用于显示控制信息的屏幕控制区域的大小和位置。例如,可以将显示屏上方三分之二的局部区域设置为屏幕显示区域,将显示屏下方剩余的三分之一的局部区域设置为屏幕控制区域。其中,屏幕显示区域全部用于显示图像,即:图像占满屏幕显示区域,使其边缘不留空白部分。屏幕控制区域所显示的控制信息可以包括但不限于:摄像头的角度信息、控制摄像头旋转方向和/或调节摄像头清晰度的按钮等。In this embodiment, the display screen is used not only for displaying images but also for displaying some control information. Therefore, it is necessary to previously set the screen display area for displaying an image and the size and position of the screen control area for displaying control information in accordance with the size of the display screen. For example, you can set a partial area of two-thirds of the top of the display to the screen display area, and set the remaining one-third of the local area below the display to the screen control area. Among them, the screen display area is all used to display an image, that is, the image fills the screen display area, leaving no blank portion on the edge. The control information displayed by the screen control area may include, but is not limited to, angle information of the camera, a button that controls the rotation direction of the camera, and/or a button that adjusts the sharpness of the camera, and the like.
本领域技术人员可以根据实际需求对屏幕显示区域以及屏幕控制区域的具体设置方式进行各种设定,本发明对此不作限定。A person skilled in the art can make various settings for the specific display mode of the screen display area and the screen control area according to actual needs, which is not limited by the present invention.
步骤S220:根据原始图像的尺寸以及屏幕显示区域的尺寸对原始图像进行缩放处理,使缩放图像(即处理后的图像)在竖直方向上的尺寸与屏幕显示区域在竖直方向上的尺寸相同,且缩放图像在水平方向上的尺寸大于屏幕显示区域在水平方向上的尺寸。Step S220: The original image is scaled according to the size of the original image and the size of the screen display area, so that the size of the zoomed image (ie, the processed image) in the vertical direction is the same as the size of the screen display area in the vertical direction. And the size of the zoomed image in the horizontal direction is larger than the size of the screen display area in the horizontal direction.
在本步骤中,首先要确定原始图像的尺寸以及屏幕显示区域的尺寸,然后将原始图像与屏幕显示区域在一个方向上进行适配。例如,原始图像的尺寸为1280*720,屏幕显示区域的尺寸为920*720,即:原始图像在竖直方向上的高度720与屏幕显示区域在竖直方向上的高度720相同,且原始图像在水平方向上的宽度1280大于屏幕显示区域在水平方向上的宽度920。因此,在对原始图像进行缩放时,将缩放比设置为1:1,即缩放图像与原始图像的尺寸相同。又如,原始图像的尺寸为1280*720,屏幕显示区域的尺寸为1250*1080,为了使缩放图像在竖直方向上的高度720与屏幕显示区域在竖直方向上的高度1080相同,需要将缩放比设置为1.5:1。因此,将原始图像放大1.5倍后得到尺寸为1920*1080的缩放图像,该缩放图像在竖直方向上的高度与屏幕显示区域在竖直方向上的高度相同(均为1080),且该缩放图像在水平方向上的宽度1920大于屏幕显示区域在水平方向上的宽度1250。另外,在执行缩放处理时,为了使图像的长宽比例保持不变,优选地,使图像在第一方向上的缩放比例与第二方向上的缩放比例相同。 In this step, the size of the original image and the size of the screen display area are first determined, and then the original image is adapted to the screen display area in one direction. For example, the size of the original image is 1280*720, and the size of the screen display area is 920*720, that is, the height 720 of the original image in the vertical direction is the same as the height 720 of the screen display area in the vertical direction, and the original image The width 1280 in the horizontal direction is greater than the width 920 of the screen display area in the horizontal direction. Therefore, when scaling the original image, the zoom ratio is set to 1:1, that is, the scaled image is the same size as the original image. For another example, the size of the original image is 1280*720, and the size of the screen display area is 1250*1080. In order to make the height 720 of the zoomed image in the vertical direction the same as the height 1080 of the screen display area in the vertical direction, it is necessary to The zoom ratio is set to 1.5:1. Therefore, the original image is magnified 1.5 times to obtain a zoom image having a size of 1920*1080, the height of the zoom image in the vertical direction is the same as the height of the screen display area in the vertical direction (both 1080), and the zoom The width 1920 of the image in the horizontal direction is greater than the width 1250 of the screen display area in the horizontal direction. In addition, when the scaling process is performed, in order to keep the aspect ratio of the image unchanged, it is preferable to make the scaling ratio of the image in the first direction the same as the scaling in the second direction.
为了便于传输,通常摄像头拍摄的图像像素都较低。因此,如果将缩放比设置得很大,会使放大后的图像非常模糊;而如果将缩放比设置得很小,会使缩小后的图像更不易辨识。因此,在本发明的优选实施例中,使屏幕显示区域与原始图像在竖直方向上的尺寸相同,因而缩放比为1:1。此时,缩放图像即为原始图像,从而能够最大程度的保证清晰度,既不会因放大而导致模糊,也不会因缩小而导致不易辨识。较佳的,屏幕显示区域与原始图像在竖直方向上的尺寸相差不大,因而仅需对原始图像略微缩放即可。In order to facilitate transmission, usually the image pixels taken by the camera are low. Therefore, if the zoom ratio is set to be large, the enlarged image will be very blurred; if the zoom ratio is set small, the reduced image will be more difficult to recognize. Therefore, in a preferred embodiment of the present invention, the screen display area is made the same size as the original image in the vertical direction, and thus the zoom ratio is 1:1. At this time, the scaled image is the original image, so that the sharpness can be ensured to the utmost extent, and the blur is not caused by the enlargement, and it is not easily recognized due to the reduction. Preferably, the size of the screen display area is not much different from the original image in the vertical direction, so that only the original image needs to be slightly scaled.
步骤S230:根据摄像头的广角参数以及缩放图像的尺寸,计算缩放图像的像素位置与拍摄角度之间的映射关系。Step S230: Calculate a mapping relationship between the pixel position of the zoomed image and the photographing angle according to the wide angle parameter of the camera and the size of the zoomed image.
由于摄像头有一定的摄像范围,其拍摄的图像仅包含摄像范围之内的景物,而对于摄像范围之外的景物则无法拍摄到。因此,缩放图像中恰好包含摄像头摄像范围之内的景象。根据缩放图像的尺寸以及摄像头的摄像范围,就可以将缩放图像上的具体像素位置与摄像头的拍摄角度一一对应起来。Since the camera has a certain imaging range, the captured image only includes the scene within the imaging range, but cannot be captured for scenes outside the imaging range. Therefore, the zoomed image contains exactly the scene within the camera's imaging range. According to the size of the zoomed image and the camera's imaging range, the specific pixel position on the zoomed image can be in one-to-one correspondence with the shooting angle of the camera.
例如,摄像头在水平方向上的拍摄角度为0-100度,在竖直方向上的拍摄角度为0-90度,而缩放图像在水平方向上的尺寸为1280,在竖直方向上的尺寸为720。以缩放图像的左下角为坐标原点建立坐标轴,则缩放图像左下角的坐标为(0,0),右下角的坐标(1280,0),左上角的坐标为(0,720),右上角的坐标为(1280,720)。假设缩放图像左下角坐标为(0,0)的像素点所对应的水平拍摄角度为0,竖直拍摄角度也为0;右下角坐标为(1280,0)的像素点所对应的水平拍摄角度为100,竖直拍摄角度为0;相应地可以确定坐标为(640,0)的像素点所对应的水平拍摄角度为50,竖直拍摄角度为0。假设缩放图像左上角坐标为(0,720)的像素点所对应的水平拍摄角度为0,竖直拍摄角度为90;右上角坐标为(1280,720)的像素点所对应的水平拍摄角度为100,竖直拍摄角度为90;相应地可以确定坐标为(640,360)的像素点所对应的水平拍摄角度为50,竖直拍摄角度为45。依此类推,能够将缩放图像上的每一个像素点与摄像头的拍摄角度一一对应起来。For example, the shooting angle of the camera in the horizontal direction is 0-100 degrees, the shooting angle in the vertical direction is 0-90 degrees, and the size of the zoom image in the horizontal direction is 1280, and the size in the vertical direction is 720. The coordinate axis is created by taking the lower left corner of the zoomed image as the coordinate origin. The coordinates of the lower left corner of the zoomed image are (0,0), the coordinates of the lower right corner (1280,0), and the coordinates of the upper left corner are (0,720), the upper right corner. The coordinates are (1280, 720). Assume that the horizontal shooting angle corresponding to the pixel coordinates of the lower left corner of the zoom image is 0, the vertical shooting angle is also 0, and the horizontal shooting angle corresponding to the pixel coordinates of the lower right corner is (1280, 0). For 100, the vertical shooting angle is 0; accordingly, it can be determined that the pixel corresponding to the coordinate of (640, 0) corresponds to a horizontal shooting angle of 50 and a vertical shooting angle of zero. Suppose that the horizontal shooting angle corresponding to the pixel coordinate of the upper left corner of the zoom image is (0, 720) is 0, the vertical shooting angle is 90; the horizontal shooting angle corresponding to the pixel point of the upper right corner coordinate (1280, 720) is 100, the vertical shooting angle is 90; correspondingly, it can be determined that the pixel corresponding to the (640, 360) coordinate has a horizontal shooting angle of 50 and a vertical shooting angle of 45. And so on, each pixel on the scaled image can be associated with the camera's shooting angle.
步骤S240:将缩放图像显示在屏幕显示区域内;并且,确定缩放图像在水平方向上显示的局部像素内容与摄像头拍摄角度之间的映射关系,并对 应显示与该局部像素内容对应的拍摄角度。Step S240: displaying the zoomed image in the screen display area; and determining a mapping relationship between the local pixel content displayed by the zoom image in the horizontal direction and the camera shooting angle, and The shooting angle corresponding to the local pixel content should be displayed.
由于缩放图像在竖直方向上的尺寸(720)与屏幕显示区域在竖直方向上的尺寸一致,且缩放图像在水平方向上的尺寸(1280)大于屏幕显示区域在水平方向上的尺寸(920)。因此,缩放图像在竖直方向上的像素内容,即竖直坐标从0至720的像素点能够全部显示;而缩放图像在水平方向上的像素内容,即水平坐标从0至1280的像素点则无法全部显示,只能显示水平坐标线上的920个像素点,其余的360个像素点则无法显示。Since the size (720) of the zoomed image in the vertical direction coincides with the size of the screen display area in the vertical direction, and the size of the zoomed image in the horizontal direction (1280) is larger than the size of the screen display area in the horizontal direction (920) ). Therefore, the pixel content of the scaled image in the vertical direction, that is, the pixel point of the vertical coordinate from 0 to 720 can be all displayed; and the pixel content of the scaled image in the horizontal direction, that is, the pixel point whose horizontal coordinate is from 0 to 1280 Cannot display all, only 920 pixels on the horizontal coordinate line can be displayed, and the remaining 360 pixels cannot be displayed.
例如,图3a所示的图像为缩放图像,图3b的黑色方框为屏幕显示区域,则黑色方框内的图像为屏幕显示区域上所显示的缩放图像的部分内容。仍然假设图3a的图像尺寸为1280*720,并以图像的左下角为坐标原点建立坐标系,则可以看出,屏幕显示区域上所显示的部分图像的竖直坐标范围为0-720,即在竖直方向上显示了缩放图像的全部像素内容;屏幕显示区域上所显示的部分图像的水平坐标范围为200-1120,而水平坐标小于200以及水平坐标大于1120的两部分像素内容则未显示出来,即在水平方向上仅显示了缩放图像的局部像素内容。For example, the image shown in FIG. 3a is a zoomed image, the black square in FIG. 3b is a screen display area, and the image in the black square is part of the scaled image displayed on the screen display area. Still assuming that the image size of FIG. 3a is 1280*720, and the coordinate system is established with the lower left corner of the image as the coordinate origin, it can be seen that the vertical coordinate range of the partial image displayed on the screen display area is 0-720, that is, The entire pixel content of the zoomed image is displayed in the vertical direction; the horizontal coordinate range of the partial image displayed on the screen display area is 200-1120, and the two parts of the pixel content whose horizontal coordinate is less than 200 and the horizontal coordinate is greater than 1120 are not displayed. Come out, that is, only the local pixel content of the scaled image is displayed in the horizontal direction.
在本例中,当显示处理后的图像时,将图像的中心与显示区域的中心对齐。也就是说,缩放图像在水平方向上所显示的局部像素内容为图像的中间部分,该部分所对应的水平拍摄角度范围为15.6度-87.5度。因此,可以在屏幕控制区域内对应显示该局部像素内容中的各个像素点所对应的拍摄角度,以便用户了解当前看到的图像是整体图像中的哪一部分,还有哪些角度的图像未显示出来,从而能够为用户模拟真实环境的感觉。在本例中以在水平方向上默认显示图像的中间部分为例进行说明,由于通常情况下用户关注的人或物往往位于图像的中间部分,而图像的两边往往是一些无关紧要的背景,因此在步骤S240中默认显示图像的中间部分。当然,在步骤S240中还可以在水平方向上默认显示图像的左侧部分或右侧部分,或者,也可以根据用户的设置来确定在水平方向上的显示区域。In this example, when the processed image is displayed, the center of the image is aligned with the center of the display area. That is to say, the local pixel content displayed by the scaled image in the horizontal direction is the middle portion of the image, and the corresponding horizontal shooting angle range of the portion is 15.6 degrees-87.5 degrees. Therefore, the shooting angle corresponding to each pixel in the local pixel content can be correspondingly displayed in the screen control area, so that the user knows which part of the overall image the currently seen image is, and which angle images are not displayed. To be able to simulate the feeling of the real environment for the user. In this example, the middle portion of the image is displayed by default in the horizontal direction as an example. Since the person or object that the user pays attention to is usually located in the middle portion of the image, and the two sides of the image are often insignificant backgrounds, The middle portion of the image is displayed by default in step S240. Of course, the left side portion or the right side portion of the image may be displayed by default in the horizontal direction in step S240, or the display area in the horizontal direction may be determined according to the setting of the user.
步骤S250:根据接收到的滑动指令,在屏幕显示区域内沿水平方向滑动显示缩放图像的其余像素内容;并且,确定其余像素内容与摄像头拍摄角度之间的映射关系,并对应显示与其余像素内容对应的拍摄角度。 Step S250: slid and display the remaining pixel content of the zoomed image in the horizontal direction in the screen display area according to the received sliding instruction; and determine a mapping relationship between the remaining pixel content and the camera shooting angle, and correspondingly display and the remaining pixel content. Corresponding shooting angle.
其中,滑动指令可以通过多种方式发出。例如,滑动指令可以是通过触摸式显示屏输入的滑动位移量,此时,用户只需用手指在显示屏上滑动,缩放图像就会沿着用户手指滑动的方向移动,从而显示出之前未显示的其余像素内容。或者,滑动指令也可以是通过传感器检测到的显示屏的移动位移量,此时,用户只需将手机沿水平方向移动,就能够显示出缩放图像在相应方向上的其余像素内容。Among them, the sliding command can be issued in a variety of ways. For example, the slide command may be the amount of sliding displacement input through the touch screen display. At this time, the user only needs to slide the finger on the display screen, and the zoom image moves along the direction in which the user's finger slides, thereby displaying that the image is not displayed before. The rest of the pixel content. Alternatively, the sliding command may also be the amount of movement displacement of the display screen detected by the sensor. At this time, the user only needs to move the mobile phone in the horizontal direction to display the remaining pixel content of the zoomed image in the corresponding direction.
具体地,在屏幕显示区域内沿水平方向滑动显示缩放图像的其余像素内容时,首先需要计算上述的滑动位移量或移动位移量沿水平方向的位移分量,然后按照该位移分量的方向和大小滑动显示缩放图像的其余像素内容。例如,当滑动指令为通过触摸式显示屏输入的滑动位移量时,如果用户手指水平向左滑动1厘米,缩放图像也将随之水平向左移动1厘米,从而使屏幕显示区域内显示的部分图像的水平坐标范围变更为201-1121;如果用户手指竖直向上滑动,由于其产生的滑动位移量在水平方向上的位移分量为0,因而缩放图像不发生移动,屏幕显示区域内显示的图像内容不变。同理,当滑动指令为通过传感器检测到的显示屏的移动位移量时,如果用户将手机水平向左移动1厘米,将使屏幕显示区域内显示的部分图像的水平坐标范围变更为199-1119;如果用户将手机竖直向上移动,由于其产生的移动位移量在水平方向上的位移分量为0,因而屏幕显示区域内显示的图像内容不变。Specifically, when the remaining pixel content of the zoomed image is displayed in the horizontal direction in the screen display area, it is first necessary to calculate the displacement component of the sliding displacement amount or the moving displacement amount in the horizontal direction, and then slide according to the direction and size of the displacement component. Displays the remaining pixel content of the scaled image. For example, when the slide command is the amount of sliding displacement input through the touch screen display, if the user's finger slides horizontally 1 cm to the left, the zoom image will also move horizontally 1 cm to the left, thereby causing the portion displayed in the screen display area. The horizontal coordinate range of the image is changed to 201-1121; if the user's finger slides vertically upward, since the displacement component of the sliding displacement generated in the horizontal direction is 0, the zoomed image does not move, and the image displayed in the screen display area The content remains the same. Similarly, when the slide command is the movement displacement amount of the display screen detected by the sensor, if the user moves the mobile phone horizontally 1 cm to the left, the horizontal coordinate range of the partial image displayed in the screen display area is changed to 1991-1119. If the user moves the mobile phone vertically upward, since the displacement component of the generated displacement amount in the horizontal direction is 0, the image content displayed in the screen display area does not change.
另外,在将缩放图像根据滑动指令进行移动时,还要进一步判断缩放图像在待显示的方向上所剩余的部分是否小于滑动指令中的位移量,若判断结果为是,则将缩放图像在待显示的方向上所剩余的部分全部显示出来之后则不再响应用户输入的向此方向移动的滑动指令。例如,假设缩放图像左侧未显示的部分还剩1厘米,而根据滑动指令需要将缩放图像向右移动2厘米,则此时只需将缩放图像向右移动1厘米,使缩放图像左侧所剩余的部分全部显示出来即可,如果此时进一步接收到用户发出的需要将缩放图像向右移动的滑动指令,则不再响应该指令。In addition, when the zoom image is moved according to the sliding instruction, it is further determined whether the remaining portion of the zoom image in the direction to be displayed is smaller than the displacement amount in the sliding instruction, and if the determination result is yes, the zoom image is to be After the remaining portions of the displayed direction are all displayed, the sliding commands that are moved in this direction by the user are no longer responded to. For example, suppose that there is 1 cm left in the undisplayed portion on the left side of the zoom image, and if the zoom image needs to be moved 2 cm to the right according to the swipe command, then the zoom image needs to be moved 1 cm to the right, so that the left side of the zoom image is The remaining parts are all displayed, and if the user sends a slide instruction that needs to move the zoomed image to the right, the instruction is no longer responded to.
由此可见,当接收到滑动指令后,屏幕显示区域内所显示的图像内容只会沿水平方向移动,在竖直方向上不会发生移动,从而便于用户寻找其关注的特定内容。并且,当显示的图像内容变更后,在屏幕控制区域内所显示的 与图像内容相对应的摄像角度也将相应变更,由此能使用户了解到当前显示的图像为整体图像中的哪一部分,为用户该向何方向进一步滑动图像提供了参考。It can be seen that after receiving the sliding instruction, the image content displayed in the screen display area will only move in the horizontal direction, and no movement will occur in the vertical direction, thereby facilitating the user to find the specific content of interest. And, when the displayed image content is changed, displayed in the screen control area The imaging angle corresponding to the image content will also be changed accordingly, thereby enabling the user to know which part of the overall image the currently displayed image is, and providing a reference for the user to further slide the image in which direction.
在上述实施例中,将原始图像与屏幕显示区域在竖直方向上进行适配,得到竖直方向能够全部显示的缩放图像,然后在水平方向上通过滑动方式来显示缩放图像的其余部分。具体地,在显示图像时,需要对缩放图像执行解码、渲染以及绘制等一系列操作,其中,缩放图像中的全部像素内容都已经被渲染出来,要显示哪一部分图像就对相应部分的像素内容进行绘制即可,当要显示的图像部分发生改变时,则相应绘制改变后的部分像素内容。In the above embodiment, the original image is adapted to the screen display area in the vertical direction to obtain a scaled image in which the vertical direction can be all displayed, and then the remaining portion of the scaled image is displayed by sliding in the horizontal direction. Specifically, when displaying an image, a series of operations such as decoding, rendering, and rendering are performed on the scaled image, wherein all pixel content in the scaled image has been rendered, and which part of the image is to be displayed is corresponding to the pixel content of the corresponding portion. To draw, when the part of the image to be displayed changes, the changed part of the pixel content is drawn accordingly.
上述实施例中的图像既可以是静态图像,也可以是动态图像,还可以是由若干帧连续图像所组成的视频。The image in the above embodiment may be either a still image or a moving image, or may be a video composed of a plurality of consecutive images.
另外,在其他的实施例中,也可以将原始图像与屏幕显示区域在水平方向上进行适配,得到水平方向能够全部显示的缩放图像,然后在竖直方向上通过滑动方式来显示缩放图像的其余部分。例如,假设原始图像的尺寸为720*5600,由于原始图像在竖直方向上的尺寸较大,如果在竖直方向上进行适配的话会导致图像很小,且在水平方向上会留有空白区域,此时,可以将原始图像与屏幕显示区域在水平方向上进行适配,得到水平方向能够全部显示的缩放图像,然后在竖直方向上通过滑动方式来显示缩放图像的其余部分。具体实施时,可以结合原始图像的尺寸比例以及屏幕显示区域的尺寸比例来确定在哪个方向上进行适配。In addition, in other embodiments, the original image and the screen display area may be adapted in a horizontal direction to obtain a zoomed image that can be displayed in the horizontal direction, and then the zoomed image is displayed in a vertical direction by sliding. The rest. For example, assuming that the size of the original image is 720*5600, since the original image has a large size in the vertical direction, if it is adapted in the vertical direction, the image will be small and a blank will be left in the horizontal direction. Area, at this time, the original image and the screen display area can be adapted in the horizontal direction to obtain a scaled image that can be displayed in the horizontal direction, and then the rest of the scaled image is displayed by sliding in the vertical direction. In a specific implementation, the size ratio of the original image and the size ratio of the screen display area may be combined to determine in which direction the adaptation is performed.
图4示出了本发明实施例提供的图像显示装置400的结构图。如图4所示,该图像显示装置400包括:第一获取模块41、第二获取模块42以及处理显示模块43。其中,第一获取模块41,适于获取欲显示的图像;第二获取模块42,适于获取图像对应的显示区域的信息;处理显示模块43,适于根据显示区域的信息处理图像并在显示区域显示处理后的图像,其中处理后的图像在第一方向上的尺寸与显示区域在第一方向上的尺寸相同,且处理后的图像在第二方向上的尺寸大于显示区域在第二方向上的尺寸,第一方向垂直于第二方向;其中,当接收到对应的滑动指令时,处理显示模块43显示的处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前 未显示的部分图像。FIG. 4 is a structural diagram of an image display device 400 according to an embodiment of the present invention. As shown in FIG. 4, the image display device 400 includes a first acquisition module 41, a second acquisition module 42, and a processing display module 43. The first obtaining module 41 is adapted to acquire an image to be displayed; the second obtaining module 42 is adapted to acquire information of a display area corresponding to the image; and the processing display module 43 is adapted to process the image according to the information of the display area and display the image. The area displays the processed image, wherein the size of the processed image in the first direction is the same as the size of the display area in the first direction, and the size of the processed image in the second direction is larger than the display area in the second direction The upper dimension is perpendicular to the second direction; wherein, when the corresponding sliding instruction is received, the processed image displayed by the processing display module 43 is correspondingly slid in the second direction to display the corresponding sliding instruction received Before Part of the image that is not displayed.
可选地,当处理显示模块43显示处理后的图像时,该处理后的图像的中心与显示区域的中心对齐。Alternatively, when the processing display module 43 displays the processed image, the center of the processed image is aligned with the center of the display area.
可选地,原始图像为摄像头拍摄的图像,并且,显示区域是预先在显示屏上设定的局部区域。Alternatively, the original image is an image taken by the camera, and the display area is a partial area previously set on the display screen.
可选地,显示屏上进一步包括用于显示摄像头的控制信息和/或角度信息的屏幕控制区域,并且,处理显示模块43具体用于:对图像进行缩放处理,其中,图像在第一方向上的缩放比例与第二方向上的缩放比例相同。Optionally, the display screen further includes a screen control area for displaying control information and/or angle information of the camera, and the processing display module 43 is specifically configured to: perform scaling processing on the image, wherein the image is in the first direction The scaling is the same as the scaling in the second direction.
可选地,该装置进一步包括:映射模块44,适于根据摄像头的广角参数以及处理后的图像的尺寸,计算处理后的图像的像素位置与拍摄角度之间的映射关系,则处理显示模块43进一步用于:确定处理后的图像所显示的像素内容与摄像头拍摄角度之间的映射关系,并对应显示与处理后的图像所显示的像素内容对应的拍摄角度;并且,当显示的处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像时,处理显示模块43进一步用于确定接收到对应的滑动指令前未显示的部分图像的像素内容与摄像头拍摄角度之间的映射关系,并对应显示与接收到对应的滑动指令前未显示的部分图像的像素内容对应的拍摄角度。Optionally, the device further includes: a mapping module 44, configured to calculate a mapping relationship between the pixel position of the processed image and the shooting angle according to the wide-angle parameter of the camera and the size of the processed image, and then process the display module 43. Further for determining: a mapping relationship between the pixel content displayed by the processed image and the camera shooting angle, and correspondingly displaying a shooting angle corresponding to the pixel content displayed by the processed image; and, when the displayed processing is performed When the image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received, the processing display module 43 is further configured to determine the pixel content and the camera of the partial image that are not displayed before the corresponding sliding instruction is received. The mapping relationship between the shooting angles is corresponding to the shooting angle corresponding to the pixel content of the partial image that is not displayed before the corresponding sliding instruction is received.
可选地,滑动指令为通过触摸式显示屏输入的滑动位移量,或者,滑动指令为通过传感器检测到的显示屏的移动位移量。其中,当显示的处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像时,处理显示模块43进一步用于:计算滑动位移量或移动位移量沿第二方向的位移分量,按照位移分量的方向和大小滑动显示处理后的图像。Optionally, the sliding command is a sliding displacement input through the touch display screen, or the sliding command is a moving displacement amount of the display screen detected by the sensor. The processing display module 43 is further configured to: calculate a sliding displacement amount or a moving displacement edge when the displayed processed image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received. The displacement component in the second direction slides and displays the processed image according to the direction and magnitude of the displacement component.
在本发明提供的图像显示方法及装置中,首先,根据原始图像的尺寸以及屏幕显示区域的尺寸对原始图像进行缩放处理,使缩放图像在第一方向上的尺寸与屏幕显示区域在第一方向上的尺寸相同,且缩放图像在第二方向上的尺寸大于屏幕显示区域在第二方向上的尺寸;然后,将缩放图像在第一方向上的全部像素内容以及在第二方向上的局部像素内容显示在屏幕显示区域内;并根据接收到的滑动指令,在屏幕显示区域内沿第二方向滑动显示缩放图像的其余像素内容。由此可见,在本发明中,先通过缩放操作使得缩放 图像与屏幕显示区域在一个方向上完全适配,由此使得缩放图像在一个方向上能够全部显示,在另一方向上仅显示局部内容;然后,根据接收到的滑动指令沿另一方向滑动显示缩放图像中未显示的其余部分内容。由于本发明中先在一个方向上进行了适配,因此,在滑动图像的过程中,图像仅能够朝向一个方向滑动,不会上下左右同时滑动,因而用户可以轻松地找到图像中的特定内容。In the image display method and apparatus provided by the present invention, first, the original image is scaled according to the size of the original image and the size of the screen display area, so that the size of the zoomed image in the first direction and the screen display area are in the first side. The upward dimensions are the same, and the size of the zoomed image in the second direction is greater than the size of the screen display area in the second direction; then, all pixel content of the image in the first direction and local pixels in the second direction are scaled The content is displayed in the screen display area; and according to the received sliding instruction, the remaining pixel content of the zoomed image is displayed in the second direction in the screen display area. It can be seen that in the present invention, the scaling is first performed by the scaling operation. The image and the screen display area are fully adapted in one direction, thereby enabling the zoomed image to be fully displayed in one direction and only the partial content in the other direction; then, sliding the display zoom in the other direction according to the received swipe command The rest of the content not shown in the image. Since the present invention is first adapted in one direction, in the process of sliding an image, the image can only slide in one direction, and does not slide up and down and left and right at the same time, so that the user can easily find the specific content in the image.
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。The algorithms and displays provided herein are not inherently related to any particular computer, virtual system, or other device. Various general purpose systems can also be used with the teaching based on the teachings herein. The structure required to construct such a system is apparent from the above description. Moreover, the invention is not directed to any particular programming language. It is to be understood that the invention may be embodied in a variety of programming language, and the description of the specific language has been described above in order to disclose the preferred embodiments of the invention.
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。In the description provided herein, numerous specific details are set forth. However, it is understood that the embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures, and techniques are not shown in detail so as not to obscure the understanding of the description.
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。Similarly, the various features of the invention are sometimes grouped together into a single embodiment, in the above description of the exemplary embodiments of the invention, Figure, or a description of it. However, the method disclosed is not to be interpreted as reflecting the intention that the claimed invention requires more features than those recited in the claims. Rather, as the following claims reflect, inventive aspects reside in less than all features of the single embodiments disclosed herein. Therefore, the claims following the specific embodiments are hereby explicitly incorporated into the embodiments, and each of the claims as a separate embodiment of the invention.
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或 相似目的的替代特征来代替。Those skilled in the art will appreciate that the modules in the devices of the embodiments can be adaptively changed and placed in one or more devices different from the embodiment. The modules or units or components of the embodiments may be combined into one module or unit or component, and further they may be divided into a plurality of sub-modules or sub-units or sub-components. In addition to such features and/or at least some of the processes or units being mutually exclusive, any combination of the features disclosed in the specification, including the accompanying claims, the abstract and the drawings, and any methods so disclosed, or All processes or units of the device are combined. Each feature disclosed in this specification (including the accompanying claims, the abstract and the drawings) may be provided by the same, equivalent, or Alternative features of similar purposes are substituted.
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。In addition, those skilled in the art will appreciate that, although some embodiments described herein include certain features that are included in other embodiments and not in other features, combinations of features of different embodiments are intended to be within the scope of the present invention. Different embodiments are formed and formed. For example, in the following claims, any one of the claimed embodiments can be used in any combination.
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的图像显示装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。The various component embodiments of the present invention may be implemented in hardware, or in a software module running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that a microprocessor or digital signal processor (DSP) may be used in practice to implement some or all of the functionality of some or all of the components of an image display device in accordance with embodiments of the present invention. The invention can also be implemented as a device or device program (e.g., a computer program and a computer program product) for performing some or all of the methods described herein. Such a program implementing the invention may be stored on a computer readable medium or may be in the form of one or more signals. Such signals may be downloaded from an Internet website, provided on a carrier signal, or provided in any other form.
例如,图5示出了可以实现根据本发明的图像显示方法的计算设备。该计算设备传统上包括处理器510和存储设备520形式的计算机程序产品或者计算机可读介质。存储设备520可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。存储设备520具有存储用于执行上述方法中的任何方法步骤的程序代码531的存储空间530。例如,存储程序代码的存储空间530可以存储分别用于实现上面的方法中的各种步骤的各个程序代码531。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。这些计算机程序产品包括诸如硬盘、紧致盘(CD)、存储卡或者软盘之类的程序代码载体。这样的计算机程序产品通常为例如图6所示的便携式或者固定存储单元。该存储单元可以具有与图5的计算设备中的存储设备520类似布置的存储段、存储空间等。程序代码可以例如以适当形式进行压缩。通常,存储单元存储有用于执行根据本发明的方法步骤的计算机可读程序代码531',即可以由诸如510之类的处理器读取的程序代码,当这些程序代码由计算设备运行时,导致该计算设备执行上面所描述的方法中的各个步骤。 For example, Figure 5 illustrates a computing device that can implement an image display method in accordance with the present invention. The computing device traditionally includes a computer program product or computer readable medium in the form of a processor 510 and a storage device 520. Storage device 520 can be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk, or ROM. Storage device 520 has a storage space 530 that stores program code 531 for performing any of the method steps described above. For example, storage space 530 storing program code may store respective program code 531 for implementing various steps in the above methods, respectively. The program code can be read from or written to one or more computer program products. These computer program products include program code carriers such as a hard disk, a compact disk (CD), a memory card, or a floppy disk. Such a computer program product is typically a portable or fixed storage unit such as that shown in FIG. The storage unit may have storage segments, storage spaces, and the like that are similarly arranged to storage device 520 in the computing device of FIG. The program code can be compressed, for example, in an appropriate form. Typically, the storage unit stores computer readable program code 531' for performing the steps of the method according to the present invention, ie program code readable by a processor such as 510, when the program code is run by the computing device, resulting in The computing device performs the various steps in the methods described above.
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。 It is to be noted that the above-described embodiments are illustrative of the invention and are not intended to be limiting, and that the invention may be devised without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as a limitation. The word "comprising" does not exclude the presence of the elements or steps that are not recited in the claims. The word "a" or "an" The invention can be implemented by means of hardware comprising several distinct elements and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means can be embodied by the same hardware item. The use of the words first, second, and third does not indicate any order. These words can be interpreted as names.

Claims (16)

  1. 一种图像显示方法,包括:An image display method comprising:
    获取欲显示的图像;Get the image to display;
    获取所述图像对应的显示区域的信息;Obtaining information of a display area corresponding to the image;
    根据所述显示区域的信息处理所述图像并在所述显示区域显示处理后的图像,其中,所述处理后的图像在第一方向上的尺寸与所述显示区域在第一方向上的尺寸相同,且所述处理后的图像在第二方向上的尺寸大于所述显示区域在第二方向上的尺寸,所述第一方向垂直于第二方向;Processing the image according to information of the display area and displaying the processed image in the display area, wherein a size of the processed image in a first direction and a size of the display area in a first direction The same, and the size of the processed image in the second direction is larger than the size of the display area in the second direction, the first direction being perpendicular to the second direction;
    其中,当接收到对应的滑动指令时,显示的所述处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像。Wherein, when the corresponding sliding instruction is received, the displayed processed image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received.
  2. 根据权利要求1所述的方法,其中,当显示所述处理后的图像时,所述处理后的图像的中心与所述显示区域的中心对齐。The method of claim 1, wherein a center of the processed image is aligned with a center of the display area when the processed image is displayed.
  3. 根据权利要求1所述的方法,其中,所述原始图像为摄像头拍摄的图像,并且,所述显示区域是预先在显示屏上设定的局部区域。The method according to claim 1, wherein the original image is an image taken by a camera, and the display area is a partial area previously set on a display screen.
  4. 根据权利要求3所述的方法,其中,所述显示屏上进一步包括用于显示摄像头的控制信息和/或角度信息的屏幕控制区域,并且,所述根据所述显示区域的信息处理所述图像的步骤具体包括:对所述图像进行缩放处理,其中,所述图像在第一方向上的缩放比例与第二方向上的缩放比例相同。The method according to claim 3, wherein said display screen further comprises a screen control area for displaying control information and/or angle information of the camera, and said image is processed according to information of said display area The step of specifically includes: scaling the image, wherein the scaling of the image in the first direction is the same as the scaling in the second direction.
  5. 根据权利要求3或4所述的方法,进一步包括:根据摄像头的广角参数以及处理后的图像的尺寸,计算处理后的图像的像素位置与拍摄角度之间的映射关系,The method according to claim 3 or 4, further comprising: calculating a mapping relationship between the pixel position of the processed image and the shooting angle according to the wide angle parameter of the camera and the size of the processed image,
    以及在所述显示区域显示处理后的图像的步骤中,进一步包括:确定处理后的图像所显示的像素内容与摄像头拍摄角度之间的映射关系,并对应显示与处理后的图像所显示的像素内容对应的拍摄角度;And the step of displaying the processed image in the display area, further comprising: determining a mapping relationship between the pixel content displayed by the processed image and the camera shooting angle, and correspondingly displaying the pixel displayed by the processed image. The shooting angle corresponding to the content;
    并且,当显示的所述处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像时,进一步确定所述接收到对应的滑动指令前未显示的部分图像的像素内容与摄像头拍摄角度之间的映射关系,并对应显示与所述接收到对应的滑动指令前未显示的部分图像的像素内容 对应的拍摄角度。And, when the displayed processed image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received, further determining the portion that is not displayed before the corresponding sliding instruction is received a mapping relationship between the pixel content of the image and the camera shooting angle, and correspondingly displaying the pixel content of the partial image that is not displayed before the corresponding sliding instruction is received Corresponding shooting angle.
  6. 根据权利要求1-5任一所述的方法,其中,所述滑动指令为通过触摸式显示屏输入的滑动位移量,或者,所述滑动指令为通过传感器检测到的显示屏的移动位移量。The method according to any one of claims 1 to 5, wherein the sliding instruction is a sliding displacement amount input through a touch display screen, or the sliding instruction is a moving displacement amount of a display screen detected by a sensor.
  7. 根据权利要求6所述的方法,其中,当显示的所述处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像时,进一步包括:The method according to claim 6, wherein when the displayed processed image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received, the method further includes:
    计算所述滑动位移量或移动位移量沿所述第二方向的位移分量,按照所述位移分量的方向和大小滑动显示所述处理后的图像。Calculating a displacement component of the sliding displacement amount or the movement displacement amount along the second direction, and slidingly displaying the processed image according to a direction and a size of the displacement component.
  8. 一种图像显示装置,包括:An image display device comprising:
    第一获取模块,适于获取欲显示的图像;a first acquiring module, configured to acquire an image to be displayed;
    第二获取模块,适于获取所述图像对应的显示区域的信息;a second acquiring module, configured to acquire information about a display area corresponding to the image;
    处理显示模块,适于根据所述显示区域的信息处理所述图像并在所述显示区域显示处理后的图像,其中所述处理后的图像在第一方向上的尺寸与所述显示区域在第一方向上的尺寸相同,且所述处理后的图像在第二方向上的尺寸大于所述显示区域在第二方向上的尺寸,所述第一方向垂直于第二方向;Processing a display module, configured to process the image according to information of the display area and display the processed image in the display area, wherein a size of the processed image in a first direction and the display area are The size in one direction is the same, and the size of the processed image in the second direction is larger than the size of the display area in the second direction, the first direction being perpendicular to the second direction;
    其中,当接收到对应的滑动指令时,所述处理显示模块显示的所述处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像。Wherein, when the corresponding sliding instruction is received, the processed image displayed by the processing display module is correspondingly slid in the second direction to display a partial image that is not displayed before receiving the corresponding sliding instruction.
  9. 根据权利要求8所述的装置,其中,当所述处理显示模块显示所述处理后的图像时,所述处理后的图像的中心与所述显示区域的中心对齐。The apparatus according to claim 8, wherein a center of the processed image is aligned with a center of the display area when the processing display module displays the processed image.
  10. 根据权利要求8所述的装置,其中,所述原始图像为摄像头拍摄的图像,并且,所述显示区域是预先在显示屏上设定的局部区域。The apparatus according to claim 8, wherein said original image is an image taken by a camera, and said display area is a partial area previously set on a display screen.
  11. 根据权利要求10所述的装置,其中,所述显示屏上进一步包括用于显示摄像头的控制信息和/或角度信息的屏幕控制区域,并且,所述处理显示模块具体用于:对所述图像进行缩放处理,其中,所述图像在第一方向上的缩放比例与第二方向上的缩放比例相同。 The apparatus according to claim 10, wherein said display screen further comprises a screen control area for displaying control information and/or angle information of the camera, and wherein said processing display module is specifically for: said image A scaling process is performed in which the scaling of the image in the first direction is the same as the scaling in the second direction.
  12. 根据权利要求10或11任一项所述的方法,其中,进一步包括:映射模块,适于根据摄像头的广角参数以及处理后的图像的尺寸,计算处理后的图像的像素位置与拍摄角度之间的映射关系,The method according to any one of claims 10 or 11, further comprising: a mapping module adapted to calculate between the pixel position of the processed image and the shooting angle according to the wide angle parameter of the camera and the size of the processed image Mapping relationship,
    则所述处理显示模块进一步用于:确定处理后的图像所显示的像素内容与摄像头拍摄角度之间的映射关系,并对应显示与处理后的图像所显示的像素内容对应的拍摄角度;The processing display module is further configured to: determine a mapping relationship between the pixel content displayed by the processed image and the camera shooting angle, and correspondingly display a shooting angle corresponding to the pixel content displayed by the processed image;
    并且,当显示的所述处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像时,所述处理显示模块进一步用于确定所述接收到对应的滑动指令前未显示的部分图像的像素内容与摄像头拍摄角度之间的映射关系,并对应显示与所述接收到对应的滑动指令前未显示的部分图像的像素内容对应的拍摄角度。And, when the displayed processed image is correspondingly slid in the second direction to display a partial image that is not displayed before the corresponding sliding instruction is received, the processing display module is further configured to determine that the corresponding a mapping relationship between the pixel content of the partial image that is not displayed before the slide command and the camera shooting angle, and correspondingly displays a shooting angle corresponding to the pixel content of the partial image that is not displayed before the corresponding slide command is received.
  13. 根据权利要求8-12任一所述的装置,其中,所述滑动指令为通过触摸式显示屏输入的滑动位移量,或者,所述滑动指令为通过传感器检测到的显示屏的移动位移量。The apparatus according to any one of claims 8 to 12, wherein the sliding command is a sliding displacement amount input through a touch display screen, or the sliding command is a moving displacement amount of a display screen detected by a sensor.
  14. 根据权利要求13所述的装置,其中,当显示的所述处理后的图像在第二方向上相应地滑动以显示接收到对应的滑动指令前未显示的部分图像时,所述处理显示模块进一步用于:The apparatus according to claim 13, wherein said processing display module further performs when said displayed processed image is correspondingly slid in a second direction to display a partial image that is not displayed before receiving a corresponding slide instruction Used for:
    计算所述滑动位移量或移动位移量沿所述第二方向的位移分量,按照所述位移分量的方向和大小滑动显示所述处理后的图像。Calculating a displacement component of the sliding displacement amount or the movement displacement amount along the second direction, and slidingly displaying the processed image according to a direction and a size of the displacement component.
  15. 一种计算机程序,包括计算机可读代码,当所述计算机可读代码在计算设备上运行时,导致所述计算设备执行根据权利要求1-7中的任一项所述的图像显示方法。A computer program comprising computer readable code, when the computer readable code is run on a computing device, causing the computing device to perform the image display method of any of claims 1-7.
  16. 一种计算机可读介质,其中存储了如权利要求15所述的计算机程序。 A computer readable medium storing the computer program of claim 15.
PCT/CN2016/092411 2015-08-08 2016-07-29 Method and device for image display WO2017024954A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510484862.0 2015-08-08
CN201510484862.0A CN105094614B (en) 2015-08-08 2015-08-08 Method for displaying image and device

Publications (1)

Publication Number Publication Date
WO2017024954A1 true WO2017024954A1 (en) 2017-02-16

Family

ID=54575192

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2016/092411 WO2017024954A1 (en) 2015-08-08 2016-07-29 Method and device for image display

Country Status (2)

Country Link
CN (1) CN105094614B (en)
WO (1) WO2017024954A1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115373571A (en) * 2022-10-26 2022-11-22 四川中绳矩阵技术发展有限公司 Image display device, method, equipment and medium

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105094614B (en) * 2015-08-08 2018-04-10 北京奇虎科技有限公司 Method for displaying image and device
CN106331488A (en) * 2016-08-25 2017-01-11 天脉聚源(北京)传媒科技有限公司 Interface adjusting method and device

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1588531A (en) * 2004-08-06 2005-03-02 马堃 Dynamic display method for static image and browser
US20110001759A1 (en) * 2009-07-01 2011-01-06 Samsung Electronics Co., Ltd. Image displaying apparatus and image displaying method
CN103713821A (en) * 2013-12-27 2014-04-09 深圳市同洲电子股份有限公司 Mobile terminal screen display method and mobile terminal
CN104615400A (en) * 2015-02-10 2015-05-13 解庶 Method and device for displaying visual information
CN105094614A (en) * 2015-08-08 2015-11-25 北京奇虎科技有限公司 Image display method and device

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5686244B2 (en) * 2010-12-21 2015-03-18 ソニー株式会社 Display control apparatus, display control method, and program
CN102902465A (en) * 2011-07-27 2013-01-30 永泰软件有限公司 Intelligent video control method
CN104615375A (en) * 2015-02-04 2015-05-13 华为技术有限公司 Method and device for image scaling and broadcast content switching of handheld electronic equipment

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1588531A (en) * 2004-08-06 2005-03-02 马堃 Dynamic display method for static image and browser
US20110001759A1 (en) * 2009-07-01 2011-01-06 Samsung Electronics Co., Ltd. Image displaying apparatus and image displaying method
CN103713821A (en) * 2013-12-27 2014-04-09 深圳市同洲电子股份有限公司 Mobile terminal screen display method and mobile terminal
CN104615400A (en) * 2015-02-10 2015-05-13 解庶 Method and device for displaying visual information
CN105094614A (en) * 2015-08-08 2015-11-25 北京奇虎科技有限公司 Image display method and device

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115373571A (en) * 2022-10-26 2022-11-22 四川中绳矩阵技术发展有限公司 Image display device, method, equipment and medium

Also Published As

Publication number Publication date
CN105094614B (en) 2018-04-10
CN105094614A (en) 2015-11-25

Similar Documents

Publication Publication Date Title
EP3457683B1 (en) Dynamic generation of image of a scene based on removal of undesired object present in the scene
US8773502B2 (en) Smart targets facilitating the capture of contiguous images
JP6167703B2 (en) Display control device, program, and recording medium
CN106973228B (en) Shooting method and electronic equipment
KR102124617B1 (en) Method for composing image and an electronic device thereof
US10049490B2 (en) Generating virtual shadows for displayable elements
CN109582122B (en) Augmented reality information providing method and device and electronic equipment
WO2018053400A1 (en) Improved video stabilization for mobile devices
US10074216B2 (en) Information processing to display information based on position of the real object in the image
CN111414225A (en) Three-dimensional model remote display method, first terminal, electronic device and storage medium
US9489715B2 (en) Image display apparatus and image display method
JP6711137B2 (en) Display control program, display control method, and display control device
US11062422B2 (en) Image processing apparatus, image communication system, image processing method, and recording medium
WO2017024954A1 (en) Method and device for image display
US20150116370A1 (en) Method for successively displaying sections of screen and computer-readable medium
WO2018130909A2 (en) Images with virtual reality backgrounds
JP6617547B2 (en) Image management system, image management method, and program
CN109472873B (en) Three-dimensional model generation method, device and hardware device
WO2021083150A1 (en) Zoom method and device, aircraft, flight system and storage medium
JP2018097310A (en) Display control program, display control method and display control device
US9609211B2 (en) Method of image conversion operation for panorama dynamic IP camera
WO2017107324A1 (en) Photographing mode processing method and device
JP6443505B2 (en) Program, display control apparatus, and display control method
CN111353929A (en) Image processing method and device and electronic equipment
WO2018120353A1 (en) Vr capturing method, system and mobile terminal

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 16834578

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 16834578

Country of ref document: EP

Kind code of ref document: A1