CN108363535B - Picture display method and device, storage medium, processor and terminal - Google Patents

Picture display method and device, storage medium, processor and terminal Download PDF

Info

Publication number
CN108363535B
CN108363535B CN201810135052.8A CN201810135052A CN108363535B CN 108363535 B CN108363535 B CN 108363535B CN 201810135052 A CN201810135052 A CN 201810135052A CN 108363535 B CN108363535 B CN 108363535B
Authority
CN
China
Prior art keywords
thumbnail
picture
screen
content
display area
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
CN201810135052.8A
Other languages
Chinese (zh)
Other versions
CN108363535A (en
Inventor
徐慧斌
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Netease Hangzhou Network Co Ltd
Original Assignee
Netease Hangzhou Network Co Ltd
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 Netease Hangzhou Network Co Ltd filed Critical Netease Hangzhou Network Co Ltd
Priority to CN201810135052.8A priority Critical patent/CN108363535B/en
Publication of CN108363535A publication Critical patent/CN108363535A/en
Application granted granted Critical
Publication of CN108363535B publication Critical patent/CN108363535B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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
    • G06F3/04845Interaction 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

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

Abstract

The invention discloses a picture display method, a picture display device, a storage medium, a processor and a terminal. The method comprises the following steps: generating a thumbnail matched with the original image, wherein the definition of the thumbnail in a full-screen display state meets a preset requirement; determining a display area corresponding to the screen in the thumbnail in response to the touch operation received by the screen; acquiring content to be displayed corresponding to the display area from an original image; and covering the content to be displayed to the display area. The invention solves the technical problem that the picture content is difficult to clearly view in the process of zooming or dragging the picture when the picture with larger size or higher image resolution is viewed in the related technology.

Description

Picture display method and device, storage medium, processor and terminal
Technical Field
The invention relates to the field of computers, in particular to a picture display method, a picture display device, a picture display storage medium, a picture processor and a picture display terminal.
Background
Currently, a wide variety of multimedia instant messaging software is provided in the related art, such as: letter, WeChat and nail. The communication software not only supports the basic instant communication functions of instant text chat, voice call, video call, file endpoint continuous transmission and the like, but also provides a plurality of functions of mail reminding, multi-people interest group, online and local music playing, network radio station, network multimedia file sending, network file sharing, custom software skin and the like.
As office writing platform software based on instant messaging, in the using process of a user, a first type of pictures with larger picture size and more occupied storage space or a second type of pictures with smaller picture size are inevitably encountered, but the second type of pictures with higher image resolution and more occupied storage space are inevitably encountered. However, taking the IOS system used by the mobile terminal as an example, when the picture loading control based on SDWebImage in the IOS system encounters the first type of picture or the second type of picture, no effective solution is provided.
When the two types of picture views are solved, the solution generally provided in the related art is as follows: and generating a thumbnail with a limited size or image resolution according to the original image to replace the original image, and then carrying out operations such as zooming, dragging and the like on the thumbnail. Because the size or the image resolution of the thumbnail is limited, the system operation is not crashed due to the fact that the memory occupation is too high. However, a significant drawback of this solution is that: for some pictures with larger sizes, especially for long time graphs with obviously larger length-width ratio of the pictures, after the thumbnail is amplified, the content of the graph is displayed very blurry, and the significance of viewing the large graph is lost.
In view of the above problems, no effective solution has been proposed.
Disclosure of Invention
At least some embodiments of the present invention provide a method, an apparatus, a storage medium, a processor, and a terminal for displaying a picture, so as to at least solve the technical problem in the related art that it is difficult to clearly view picture contents during a process of zooming or dragging a picture when the picture with a large size or a high image resolution is viewed.
According to an embodiment of the present invention, a method for displaying a picture is provided, including:
generating a thumbnail matched with the original image, wherein the definition of the thumbnail in a full-screen display state meets a preset requirement; determining a display area corresponding to the screen in the thumbnail in response to the touch operation received by the screen; acquiring content to be displayed corresponding to the display area from an original image; and covering the content to be displayed to the display area.
Optionally, generating the thumbnail adapted to the artwork includes: acquiring the aspect ratio of the thumbnail according to the aspect ratio of the original image; determining a display mode of a currently running application in a screen; the thumbnail is generated according to the aspect ratio, the display mode, and the length and width of the screen.
Optionally, in response to the touch operation received by the screen, determining the display area in the thumbnail includes: determining second position information of a second corner closest to the first corner in the thumbnail according to the first position information of the first corner of the screen; and determining a display area in the thumbnail by the second position information, the length and the width of the screen and the geometric scaling factor of the original image and the thumbnail.
Optionally, the obtaining the content to be displayed from the original image includes: intercepting a corresponding part of picture from an original picture according to a display area; calculating the resolution of the intercepted part of the picture, and comparing the resolution with the minimum resolution used by the screen; if the resolution of the intercepted part of the picture is greater than the minimum resolution, generating a thumbnail matched with the intercepted part of the picture, and taking the regenerated thumbnail as the content to be displayed; and if the resolution of the intercepted part of the picture is less than or equal to the minimum resolution, taking the intercepted part of the picture as the content to be displayed.
Optionally, after overlaying the content to be displayed on the display area, the method further includes: and hiding or deleting the content to be displayed and displaying the thumbnail in the process of receiving the touch operation again in response to the touch operation received again by the screen until the touch operation received again, acquiring updated display content corresponding to the display area from the original image and covering the updated display content to the display area.
According to an embodiment of the present invention, there is also provided a picture display device including:
the generation module is used for generating a thumbnail matched with the original image, wherein the definition of the thumbnail in a full-screen display state meets a preset requirement; the determining module is used for responding to the touch operation received by the screen and determining a display area corresponding to the screen in the thumbnail; the acquisition module is used for acquiring the content to be displayed corresponding to the display area from the original image; and the display module is used for covering the content to be displayed to the display area.
Optionally, the generating module includes: the thumbnail image processing device comprises a first acquisition unit, a second acquisition unit and a processing unit, wherein the first acquisition unit is used for acquiring the aspect ratio of the thumbnail image according to the aspect ratio of an original image; the device comprises a first determining unit, a second determining unit and a display unit, wherein the first determining unit is used for determining the display mode of the currently running application in a screen; and a generating unit for generating the thumbnail according to the aspect ratio, the display mode, and the length and width of the screen.
Optionally, the determining module includes: the second determining unit is used for determining second position information of a second corner closest to the first corner in the thumbnail according to the first position information of the first corner of the screen; and a third determining unit for determining a display area in the thumbnail by the second position information, the length and width of the screen, and the scaling factor of the original and the thumbnail.
Optionally, the obtaining module includes: the screenshot unit is used for intercepting a corresponding part of picture from an original picture according to a display area; the processing unit is used for calculating the resolution of the intercepted part of the picture and comparing the resolution with the minimum resolution used by the screen; the second acquisition unit is used for generating a thumbnail matched with the intercepted part of the picture if the resolution of the intercepted part of the picture is greater than the minimum resolution, and taking the regenerated thumbnail as the content to be displayed; and if the resolution of the intercepted part of the picture is less than or equal to the minimum resolution, taking the intercepted part of the picture as the content to be displayed.
Optionally, the apparatus further comprises: and the processing module is used for responding to the touch operation received by the screen again, hiding or deleting the content to be displayed and displaying the thumbnail in the process of receiving the touch operation again until the touch operation received again, acquiring the updated display content corresponding to the display area from the original image and covering the updated display content to the display area.
According to an embodiment of the present invention, there is further provided a storage medium including a stored program, where the program is executed to control a device on which the storage medium is located to execute the above-mentioned picture displaying method.
According to an embodiment of the present invention, there is further provided a processor, where the processor is configured to execute a program, and the program executes the method for displaying the picture.
According to an embodiment of the present invention, there is also provided a terminal, including: one or more processors, a memory, a display device, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs for performing the method of displaying the picture.
In at least some embodiments of the present invention, by responding to a touch operation received by a screen, determining a display area corresponding to a screen in the thumbnail, acquiring content to be displayed corresponding to the display area from an original image and covering the content to be displayed to the display area, so that in the zooming process or the moving process of the picture, the definition of the picture display content is degraded, but after the picture stops zooming or moving, the picture content can be displayed clearly again, thereby realizing the technical effects of effectively reducing the memory occupancy rate and improving the system operation smoothness, and the technical problem that the content of the picture is difficult to clearly view in the process of zooming or dragging the picture when the picture with larger size or higher image resolution is viewed in the related technology is solved.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the invention and together with the description serve to explain the invention without limiting the invention. In the drawings:
fig. 1 is a flowchart of a method for displaying pictures according to an embodiment of the present invention;
FIG. 2 is a diagram illustrating a method for displaying pictures according to a preferred embodiment of the present invention;
FIG. 3 is a block diagram of a display device for displaying pictures according to an embodiment of the present invention;
fig. 4 is a block diagram of a display device for pictures according to a preferred embodiment of the present invention.
Detailed Description
In order to make the technical solutions of the present invention better understood, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
It should be noted that the terms "first," "second," and the like in the description and claims of the present invention and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the invention described herein are capable of operation in sequences other than those illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
In accordance with one embodiment of the present invention, there is provided an embodiment of a method for displaying pictures, it is noted that the steps illustrated in the flowchart of the drawings may be performed in a computer system such as a set of computer-executable instructions and that, although a logical order is illustrated in the flowchart, in some cases, the steps illustrated or described may be performed in an order different than that illustrated herein.
Fig. 1 is a flowchart of a method for displaying pictures according to an embodiment of the present invention, as shown in fig. 1, the method includes the following steps:
step S10, generating a thumbnail matched with the original image, wherein the definition of the thumbnail in a full-screen display state meets a preset requirement;
step S12, responding to the touch operation received by the screen, and determining a display area corresponding to the screen in the thumbnail;
step S14, acquiring the content to be displayed corresponding to the display area from the original image;
step S16, overlay the content to be displayed to the display area.
Through the steps, in a mode of generating the thumbnail matched with the original image, the definition of the thumbnail in the full-screen display state meets the preset requirement, through responding to the touch operation received by the screen, determining a display area corresponding to a screen in the thumbnail, acquiring content to be displayed corresponding to the display area from an original image and covering the content to be displayed to the display area, so that in the zooming process or the moving process of the picture, the definition of the picture display content is degraded, but after the picture stops zooming or moving, the picture content can be displayed clearly again, thereby realizing the technical effects of effectively reducing the memory occupancy rate and improving the system operation smoothness, and the technical problem that the content of the picture is difficult to clearly view in the process of zooming or dragging the picture when the picture with larger size or higher image resolution is viewed in the related technology is solved.
In the specific implementation process, a corresponding small thumbnail is generated for the original image, and the occupied memory of the thumbnail does not bring a large burden to the system operation, which is mainly reflected in whether a user can sense the system operation is blocked or not. The definition of the thumbnail in the full-screen display state meets the preset requirement. For the preset requirements, the requirements can be different under different models and different systems, and the requirements can be dynamically adjusted. With this thumbnail as the base map, the user can perform touch (e.g., zoom, move, etc.) operations on the thumbnail. When the thumbnail is static (i.e. movement and/or zooming is stopped), the display area of the current thumbnail in the screen is calculated, and then the thumbnail content coverage of the corresponding area is cut from the original image to cover the current display area.
Alternatively, in step S10, generating the thumbnail image adapted to the artwork may include performing the steps of:
step S101, acquiring the aspect ratio of the thumbnail according to the aspect ratio of the original image;
step S102, determining the display mode of the currently running application in the screen;
step S103, generating a thumbnail according to the aspect ratio, the display mode, and the length and width of the screen.
And generating a full-screen thumbnail of the original image for default display of the image. The thumbnail may be scaled equally on the basis of the original, thereby obtaining the aspect ratio of the thumbnail. The display modes of the currently running application within the screen may typically include: 1X mode, 2X mode, and 3X mode. In the 1X mode, the thumbnail needs to be adjusted within the range of the length and width of the screen so that the thumbnail can be clearly displayed. In the 2X mode, if the aspect ratio of the thumbnail is greater than the aspect ratio of the screen, adjusting the length of the thumbnail to 2 times the length of the screen and adjusting the width of the thumbnail in equal proportion; similarly, if the aspect ratio of the thumbnail is smaller than that of the screen, the width of the thumbnail is adjusted to 2 times the width of the screen and the length of the thumbnail is proportionally adjusted. At this time, the thumbnail can be clearly displayed. In the 3X mode, if the aspect ratio of the thumbnail is greater than the aspect ratio of the screen, adjusting the length of the thumbnail to 3 times the length of the screen and adjusting the width of the thumbnail in equal proportion; similarly, if the aspect ratio of the thumbnail is smaller than that of the screen, the width of the thumbnail is adjusted to be 3 times the width of the screen and the length of the thumbnail is proportionally adjusted. At this time, the thumbnail can be clearly displayed.
Alternatively, in step S12, in response to the touch operation received by the screen, determining the display area in the thumbnail may include performing the steps of:
step S121, determining second position information of a second corner closest to the first corner in the thumbnail according to the first position information of the first corner of the screen;
in step S122, a display area is determined in the thumbnail by the second position information, the length and width of the screen, and the scaling factor of the original image and the thumbnail.
When zooming or moving of the thumbnail is stopped, the area of the thumbnail displayed in the current screen is calculated. Fig. 2 is a schematic diagram of a picture displaying method according to a preferred embodiment of the present invention, and as shown in fig. 2, assuming that the upper left corner of the screen (i.e. the first corner) is the origin of coordinates (0,0) (i.e. the first position information), the horizontal right side is the positive half axis of the X-axis, and the vertical downward side is the positive half axis of the Y-axis, the position of the upper left corner of the thumbnail (i.e. the second corner) with respect to the origin of coordinates is (-X, -Y) (i.e. the second position information). Assuming that the screen width is W1, the screen length is H1, the length of the zoomed picture is W2, the width of the zoomed picture is H2, the length of the original is W, and the width of the original is H, the area to be clipped in the original (i.e., the display area) is calculated as: (x (W/W2), y (W/W2), W1 (W/W2), H1 (W/W2)).
Alternatively, in step S14, the acquiring the content to be displayed from the original image may include the following steps:
step S141, intercepting a corresponding part of picture from an original picture according to a display area;
step S142, calculating the resolution of the intercepted part of the picture, and comparing the resolution with the minimum resolution used by the screen;
step S143, if the resolution of the intercepted part of the picture is greater than the minimum resolution, generating a thumbnail matched with the intercepted part of the picture, and taking the regenerated thumbnail as the content to be displayed; and if the resolution of the intercepted part of the picture is less than or equal to the minimum resolution, taking the intercepted part of the picture as the content to be displayed.
And intercepting a part of picture of the corresponding area from the original image according to the intercepted area of the original image obtained by the calculation, and calculating the size of the intercepted picture so as to obtain the resolution of the picture. If the resolution of the intercepted picture is greater than the minimum resolution of the current screen capable of clearly displaying the picture content, the intercepted area of the original picture needs to be compressed again to obtain a thumbnail and the content of the thumbnail is displayed in the screen. If the resolution of the intercepted picture is less than or equal to the minimum resolution of the current screen capable of clearly displaying the picture content, the intercepted picture can be directly displayed in the screen as the content to be displayed.
Optionally, in step S16, after overlaying the content to be displayed on the display area, the method may further include the following steps:
step S17, in response to the touch operation received again by the screen, hiding or deleting the content to be displayed and displaying the thumbnail image in the process of receiving the touch operation again, until the touch operation received again, acquiring the updated display content corresponding to the display area from the original image and covering the updated display content to the display area.
After the original image capture area is captured from the original image, it needs to be displayed on the screen in the form of a view and the bottom image is covered. If the thumbnail needs to be zoomed or moved again, the added picture view (i.e. the previously displayed original image capture area) should be hidden or deleted first during the moving or zooming process of the thumbnail, and the underlying thumbnail is displayed.
According to an embodiment of the present invention, there is provided an embodiment of a picture display apparatus, and fig. 3 is a block diagram of a picture display apparatus according to an embodiment of the present invention, as shown in fig. 3, the apparatus includes: the generation module 10 is configured to generate a thumbnail adapted to the original image, where definition of the thumbnail in a full-screen display state meets a preset requirement; a determining module 20, configured to determine, in response to a touch operation received by a screen, a display area corresponding to the screen in a thumbnail; the acquiring module 30 is configured to acquire content to be displayed corresponding to the display area from an original image; and the display module 40 is used for covering the content to be displayed to the display area.
Optionally, the generating module 10 includes: a first obtaining unit (not shown in the figure) for obtaining an aspect ratio of the thumbnail according to an aspect ratio of the original image; a first determination unit (not shown in the drawings) for determining a display mode of a currently running application within a screen; a generating unit (not shown in the drawings) for generating the thumbnail images according to the aspect ratio, the display mode, and the length and width of the screen.
Optionally, the determining module 20 includes: a second determining unit (not shown in the figure) for determining second position information of a second corner closest to the first corner in the thumbnail image according to the first position information of the first corner of the screen; and a third determination unit (not shown) for determining a display area in the thumbnail by the second position information, the length and width of the screen, and the scaling factor of the original and the thumbnail.
Optionally, the obtaining module 30 includes: a screenshot unit (not shown in the figure) for intercepting a corresponding part of the picture from the original image according to the display area; a processing unit (not shown in the figures) for calculating the resolution of the truncated picture and comparing it with the minimum resolution used by the screen; a second acquiring unit (not shown in the figure) configured to generate a thumbnail adapted to the cut-out picture if the resolution of the cut-out picture is greater than the minimum resolution, and take the generated thumbnail as a content to be displayed; and if the resolution of the intercepted part of the picture is less than or equal to the minimum resolution, taking the intercepted part of the picture as the content to be displayed.
Optionally, fig. 4 is a block diagram of a picture display device according to a preferred embodiment of the present invention, and as shown in fig. 4, the picture display device further includes: and the processing module 50 is configured to hide or delete the content to be displayed and display the thumbnail in the process of receiving the touch operation again in response to the touch operation received again by the screen, until the touch operation received again, obtain updated display content corresponding to the display area from the original image and cover the updated display content to the display area.
According to an embodiment of the present invention, there is further provided a storage medium including a stored program, where the program is executed to control a device on which the storage medium is located to execute the above-mentioned picture displaying method. The storage medium may include, but is not limited to: various media capable of storing program codes, such as a U disk, a Read Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic disk, or an optical disk.
According to an embodiment of the present invention, there is further provided a processor, where the processor is configured to execute a program, and the program executes the method for displaying the picture. The processor may include, but is not limited to: a Microprocessor (MCU) or a programmable logic device (FPGA), etc.
According to an embodiment of the present invention, there is also provided a terminal, including: one or more processors, a memory, a display device, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs for performing the method of displaying the picture. In some embodiments, the terminal may be a terminal device such as a smart phone (e.g., an Android phone, an iOS phone, etc.), a tablet computer, a palmtop computer, and a Mobile Internet Device (MID), a PAD, and the like. The display device may be a touch screen type Liquid Crystal Display (LCD) that enables a user to interact with a user interface of the terminal. In addition, the terminal may further include: an input/output interface (I/O interface), a Universal Serial Bus (USB) port, a network interface, a power source, and/or a camera.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.
In the above embodiments of the present invention, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.
In the embodiments provided in the present application, it should be understood that the disclosed technology can be implemented in other ways. The above-described embodiments of the apparatus are merely illustrative, and for example, the division of the units may be a logical division, and in actual implementation, there may be another division, for example, multiple units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, units or modules, and may be in an electrical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.
The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic or optical disk, and other various media capable of storing program codes.
The foregoing is only a preferred embodiment of the present invention, and it should be noted that, for those skilled in the art, various modifications and decorations can be made without departing from the principle of the present invention, and these modifications and decorations should also be regarded as the protection scope of the present invention.

Claims (11)

1. A picture display method is characterized by comprising the following steps:
generating a thumbnail matched with the original image, wherein the definition of the thumbnail in a full-screen display state meets a preset requirement;
determining a display area corresponding to a screen in the thumbnail in response to a touch operation received by the screen;
acquiring content to be displayed corresponding to the display area from the original image;
covering the content to be displayed to the display area;
wherein, in response to the touch operation received by the screen, determining the display area in the thumbnail image comprises: determining second position information of a second corner closest to the first corner in the thumbnail according to the first position information of the first corner of the screen; and determining the display area in the thumbnail by the second position information, the length and the width of the screen and the geometric scaling factor of the original image and the thumbnail.
2. The method of claim 1, wherein generating the thumbnail that fits the artwork comprises:
acquiring the aspect ratio of the thumbnail according to the aspect ratio of the original image;
determining a display mode of a currently running application within the screen;
and generating the thumbnail according to the length-width ratio, the display mode and the length and the width of the screen.
3. The method of claim 1, wherein obtaining the content to be displayed from the artwork comprises:
intercepting a corresponding part of picture from the original picture according to the display area;
calculating the resolution of the intercepted part of the picture, and comparing the resolution with the minimum resolution used by the screen;
if the resolution of the intercepted part of the picture is greater than the minimum resolution, generating a thumbnail which is matched with the intercepted part of the picture, and taking the regenerated thumbnail as the content to be displayed; and if the resolution of the intercepted part of the picture is less than or equal to the minimum resolution, taking the intercepted part of the picture as the content to be displayed.
4. The method according to claim 1, further comprising, after overlaying the content to be displayed on the display area:
and in response to the touch operation received again by the screen, hiding or deleting the content to be displayed and displaying the thumbnail in the process of receiving the touch operation again, until the touch operation received again, acquiring updated display content corresponding to the display area from the original image and covering the updated display content to the display area.
5. A picture display device, comprising:
the generation module is used for generating a thumbnail matched with the original image, wherein the definition of the thumbnail in a full-screen display state meets a preset requirement;
the determining module is used for responding to touch operation received by a screen and determining a display area corresponding to the screen in the thumbnail;
the acquisition module is used for acquiring the content to be displayed corresponding to the display area from the original image;
the display module is used for covering the content to be displayed to the display area;
wherein the determining module comprises: the second determining unit is used for determining second position information of a second corner which is closest to the first corner in the thumbnail according to the first position information of the first corner of the screen; a third determination unit configured to determine the display area in the thumbnail by the second position information, the length and width of the screen, and an equal scaling factor of the original and the thumbnail.
6. The apparatus of claim 5, wherein the generating module comprises:
a first obtaining unit, configured to obtain an aspect ratio of the thumbnail according to an aspect ratio of the original image;
a first determination unit, configured to determine a display mode of a currently running application within the screen;
a generating unit configured to generate the thumbnail according to the aspect ratio, the display mode, and the length and width of the screen.
7. The apparatus of claim 5, wherein the obtaining module comprises:
the screenshot unit is used for intercepting a corresponding part of picture from the original picture according to the display area;
the processing unit is used for calculating the resolution of the intercepted part of the picture and comparing the resolution with the minimum resolution used by the screen;
the second acquisition unit is used for generating a thumbnail matched with the intercepted part picture if the resolution of the intercepted part picture is greater than the minimum resolution, and taking the regenerated thumbnail as the content to be displayed; and if the resolution of the intercepted part of the picture is less than or equal to the minimum resolution, taking the intercepted part of the picture as the content to be displayed.
8. The apparatus of claim 5, further comprising:
and the processing module is used for responding to the touch operation received by the screen again, hiding or deleting the content to be displayed and displaying the thumbnail in the process of receiving the touch operation again until the touch operation received again, acquiring updated display content corresponding to the display area from the original image and covering the updated display content to the display area.
9. A storage medium, characterized in that the storage medium comprises a stored program, wherein when the program runs, a device where the storage medium is located is controlled to execute the picture display method according to any one of claims 1 to 4.
10. A processor, characterized in that the processor is configured to run a program, wherein the program is configured to execute the method for displaying a picture according to any one of claims 1 to 4 when running.
11. A terminal, comprising: one or more processors, a memory, a display device, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs to perform the method of displaying a picture of any of claims 1-4.
CN201810135052.8A 2018-02-09 2018-02-09 Picture display method and device, storage medium, processor and terminal Active CN108363535B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810135052.8A CN108363535B (en) 2018-02-09 2018-02-09 Picture display method and device, storage medium, processor and terminal

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810135052.8A CN108363535B (en) 2018-02-09 2018-02-09 Picture display method and device, storage medium, processor and terminal

Publications (2)

Publication Number Publication Date
CN108363535A CN108363535A (en) 2018-08-03
CN108363535B true CN108363535B (en) 2020-10-27

Family

ID=63005391

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810135052.8A Active CN108363535B (en) 2018-02-09 2018-02-09 Picture display method and device, storage medium, processor and terminal

Country Status (1)

Country Link
CN (1) CN108363535B (en)

Families Citing this family (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109410893A (en) * 2018-09-04 2019-03-01 广州优视网络科技有限公司 Show the method, apparatus and electronic equipment of picture
CN111240613A (en) * 2018-11-28 2020-06-05 阿里巴巴集团控股有限公司 Screen display method and device, storage medium, processor and computer equipment
CN109976629A (en) * 2019-02-28 2019-07-05 维沃移动通信有限公司 Image display method, terminal and mobile terminal
CN111722771B (en) * 2019-03-20 2022-06-07 富士胶片实业发展(上海)有限公司 Image association display method and device and computer readable medium
CN110852946A (en) * 2019-10-30 2020-02-28 北京字节跳动网络技术有限公司 Picture display method and device and electronic equipment
CN111061531B (en) * 2019-12-10 2022-07-15 维沃移动通信有限公司 Picture display method and electronic equipment
CN111078345B (en) * 2019-12-18 2023-09-19 北京金山安全软件有限公司 Picture display effect determining method and device, electronic equipment and storage medium
CN111176526B (en) * 2019-12-30 2021-06-08 维沃移动通信有限公司 Picture display method and electronic equipment
CN111813300A (en) * 2020-06-03 2020-10-23 深圳市鸿合创新信息技术有限责任公司 Screen capture method and device
CN111736790B (en) * 2020-07-31 2020-12-18 开立生物医疗科技(武汉)有限公司 Multi-screen display method, device and system and host equipment
CN113835812B (en) * 2021-09-24 2024-04-30 深圳集智数字科技有限公司 Chat interface display method and device, electronic equipment and storage medium
CN114356185A (en) * 2022-01-05 2022-04-15 京东方科技集团股份有限公司 Image display method and computer equipment
CN114546558B (en) * 2022-02-21 2024-06-04 金蝶云科技有限公司 Drawing processing method, device, computer equipment and storage medium
CN116107479B (en) * 2023-03-02 2024-02-13 优视科技有限公司 Picture display method, electronic device and computer storage medium

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8666223B2 (en) * 2008-09-25 2014-03-04 Kabushiki Kaisha Toshiba Electronic apparatus and image data management method
CN103631551A (en) * 2012-08-27 2014-03-12 深圳市蓝韵网络有限公司 Local display method for remote desktop in medical consultation system
CN104063844B (en) * 2013-03-21 2019-01-15 腾讯科技(深圳)有限公司 A kind of reduced graph generating method and system
CN103645871B (en) * 2013-12-06 2016-08-17 四川九洲电器集团有限责任公司 A kind of method and system of Dynamic Announce local area image
CN103996167A (en) * 2014-05-30 2014-08-20 广州金山网络科技有限公司 Thumbnail display method and user equipment
CN107463306B (en) * 2017-07-12 2020-02-14 北京潘达互娱科技有限公司 Image display method and device

Also Published As

Publication number Publication date
CN108363535A (en) 2018-08-03

Similar Documents

Publication Publication Date Title
CN108363535B (en) Picture display method and device, storage medium, processor and terminal
US8836728B2 (en) Techniques to magnify images
CN109064390B (en) Image processing method, image processing device and mobile terminal
CN111866423B (en) Screen recording method for electronic terminal and corresponding equipment
US8514264B2 (en) Remote workspace sharing
CN110100251B (en) Apparatus, method, and computer-readable storage medium for processing document
CN113010136B (en) Method and system for intelligently amplifying shared desktop and readable storage medium
CN112288665A (en) Image fusion method and device, storage medium and electronic equipment
CN110266994B (en) Video call method, video call device and terminal
CN112019891B (en) Multimedia content display method and device, terminal and storage medium
AU2018251560B2 (en) Live ink presence for real-time collaboration
CN111127469A (en) Thumbnail display method, device, storage medium and terminal
WO2017088228A1 (en) Picture zooming method and apparatus
US10304232B2 (en) Image animation in a presentation document
CN111182338A (en) Video processing method and device, storage medium and electronic equipment
CN104917963A (en) Image processing method and terminal
WO2022242628A1 (en) Screen casting method, apparatus, and device, and storage medium
CN111726666A (en) Video display control method and device
CN114693893A (en) Data processing method and device, electronic equipment and storage medium
CN109085974B (en) Screen control method, system and terminal equipment
US9530183B1 (en) Elastic navigation for fixed layout content
Lee et al. Collaboration between tabletop and mobile device
CN115552364A (en) Multi-terminal collaborative display updating method and device
WO2023103672A1 (en) Method, apparatus and device for displaying shared content, and computer program product
CN112102483B (en) Method and device for dynamically displaying three-dimensional model on electronic teaching whiteboard

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant