CN110399076A - A kind of image display method, device, electronic equipment and readable storage medium storing program for executing - Google Patents
A kind of image display method, device, electronic equipment and readable storage medium storing program for executing Download PDFInfo
- Publication number
- CN110399076A CN110399076A CN201910700959.9A CN201910700959A CN110399076A CN 110399076 A CN110399076 A CN 110399076A CN 201910700959 A CN201910700959 A CN 201910700959A CN 110399076 A CN110399076 A CN 110399076A
- Authority
- CN
- China
- Prior art keywords
- image
- display area
- image frame
- frame
- display
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
Abstract
The embodiment of the present application provides a kind of image display method, device, electronic equipment and readable storage medium storing program for executing, method includes: to obtain the first image and the second image to be shown, in the first display area in default indication range, show the image frame in the first image, in the second display area in default indication range, show the image frame in the second image, when receiving the move for the first image or the second image, the image frame that the first image and the second image are shown in corresponding display area is adjusted.Based on above-mentioned processing, user's operation can simplify, improve treatment effeciency.
Description
Technical field
This application involves technical field of image processing, more particularly to a kind of image display method, device, electronic equipment and
Readable storage medium storing program for executing.
Background technique
With the fast development of computer technology, image is also increasingly intended to high-resolution, image of the user to image
The requirement of quality is also higher and higher.In a kind of mode, original image can be handled using image processing algorithm, to improve
The picture quality of original image, the image (being properly termed as target image) that obtains that treated.
It in the related technology, can be by comparing the picture quality of original image and target image, to determine that image procossing is calculated
The treatment effect of method.For example, being used when user needs to compare the image frame of predetermined position in original image and target image
Family can open original image in computer, adjust the display size of original image, and drag original image, so that original image
The image frame of middle predetermined position is shown in the indication range of screen, the image of predetermined position in observation original image
After picture, which can open target image, the display size of target image, and drag target image be adjusted, so that target
The image frame of predetermined position is shown in the indication range of screen in image, then, predeterminated position in object observing image
The image frame at place.In addition, during the comparison process, user may need to control computer and toggle to preset in display original image
The image frame of predetermined position in image frame and target image at position.
As it can be seen that in the related technology, user's operation is cumbersome, treatment effeciency can be reduced.
Summary of the invention
The embodiment of the present application is designed to provide a kind of image display method, device, electronic equipment and readable storage medium
Matter can be improved treatment effeciency.Specific technical solution is as follows:
In a first aspect, in order to achieve the above object, the embodiment of the present application discloses a kind of image display method, the method
Include:
Obtain the first image and the second image to be shown；
In the first display area in default indication range, the image frame in the first image is shown；
In the second display area in the default indication range, the image frame in second image is shown；Institute
Stating default indication range includes first display area and second display area；
When receiving the move for the first image or second image, adjustment the first image and
The image frame that second image is shown in corresponding display area.
Optionally, in the case where the first image and second image tiles are shown, first display area
Image frame in the first image of middle display is the image frame in the first specified region in the first image, described
The image frame in second image shown in second display area is in second image and in the first image
The corresponding region in the described first specified region in image frame；And/or in the first image and the second image weight
In the case where folded display, the image frame in the first image shown in first display area is the first image
In the second specified region image frame, the image frame in second image shown in second display area is
Third in second image specifies the image frame in region, and the third specifies the 4th in region and second image
Specified region is different, the 4th specified region be in second image with the described second specified area in the first image
The corresponding region in domain.
Optionally, the method also includes:
When receiving the adjustment instruction on the boundary for first display area and second display area, adjustment
The size of first display area and second display area；
The image frame in the first image is shown in first display area after the adjustment；
The image frame in second image is shown in second display area after the adjustment.
Optionally, there are an identical boundary, the adjustment instructions with second display area for first display area
For the instruction triggered in response to the drag operation to the identical boundary.
Optionally, described when receiving the move for the first image or second image, adjust institute
State the image frame that the first image and second image are shown in corresponding display area, comprising:
When receiving the first movement instruction for the first image, the position based on first movement instruction instruction
Vector is moved, the image frame of the first image shown in first display area is adjusted, and is aobvious described second
Show the image frame of second image shown in region；
Alternatively,
When receiving the second move for second image, the position based on second move instruction
Vector is moved, the image frame of the first image shown in first display area is adjusted, and is aobvious described second
Show the image frame of second image shown in region.
Optionally, the method also includes:
When receiving amplification idsplay order, a figure of the user in the first image and second image is determined
As in, specified the first image frame to be amplified for needing to amplify display；
According to the described first image frame to be amplified in affiliated image relative position, determine in another image wait put
Big position, wherein the relative position in affiliated image is corresponding with the described first image frame to be amplified for the position to be amplified；
To preset amplification factor, image indicated by first image frame to be amplified and the position to be amplified is shown
Picture.
Second aspect, in order to achieve the above object, the embodiment of the present application also disclose a kind of image display device, the dress
It sets and includes:
Module is obtained, for obtaining the first image and the second image to be shown；
First display module, for showing in the first image in the first display area in default indication range
Image frame；
Second display module, for showing second figure in the second display area in the default indication range
Image frame as in；The default indication range includes first display area and second display area；
Module is adjusted, for adjusting when receiving the move for the first image or second image
The image frame that the first image and second image are shown in corresponding display area.
Optionally, in the case where the first image and second image tiles are shown, first display area
Image frame in the first image of middle display is the image frame in the first specified region in the first image, described
The image frame in second image shown in second display area is in second image and in the first image
The corresponding region in the described first specified region in image frame；And/or in the first image and the second image weight
In the case where folded display, the image frame in the first image shown in first display area is the first image
In the second specified region image frame, the image frame in second image shown in second display area is
Third in second image specifies the image frame in region, and the third specifies the 4th in region and second image
Specified region is different, the 4th specified region be in second image with the described second specified area in the first image
The corresponding region in domain.
Optionally, described device further include:
Processing module, for when the tune for receiving the boundary for first display area Yu second display area
When whole instruction, the size of first display area and second display area is adjusted；
The image frame in the first image is shown in first display area after the adjustment；
The image frame in second image is shown in second display area after the adjustment.
Optionally, there are an identical boundary, the adjustment instructions with second display area for first display area
For the instruction triggered in response to the drag operation to the identical boundary.
Optionally, the adjustment module, specifically for when receive for the first image first movement instruct when,
Based on the displacement vector of first movement instruction instruction, the first image shown in first display area is adjusted
Image frame, and the image frame of second image shown in second display area；
Alternatively,
When receiving the second move for second image, the position based on second move instruction
Vector is moved, the image frame of the first image shown in first display area is adjusted, and is aobvious described second
Show the image frame of second image shown in region.
Optionally, described device further include:
Third display module, for determining user in the first image and described when receiving amplification idsplay order
In an image in second image, specified the first image frame to be amplified for needing to amplify display；
According to the described first image frame to be amplified in affiliated image relative position, determine in another image wait put
Big position, wherein the relative position in affiliated image is corresponding with the described first image frame to be amplified for the position to be amplified；
To preset amplification factor, image indicated by first image frame to be amplified and the position to be amplified is shown
Picture.
The third aspect, in order to achieve the above object, the embodiment of the present application also disclose a kind of electronic equipment, and the electronics is set
Standby includes memory and processor；
The memory, for storing computer program；
The processor when for executing the program stored on memory, realizes the figure as described in above-mentioned first aspect
As display methods step.
Fourth aspect, in order to achieve the above object, the embodiment of the present application also disclose a kind of computer readable storage medium,
It is stored with computer program in the computer readable storage medium, when the computer program is executed by processor, realizes such as
Image display method step described in above-mentioned first aspect.
5th aspect, in order to achieve the above object, the embodiment of the present application also discloses a kind of computer journey comprising instruction
Sequence product, when run on a computer, so that computer executes image display method step described in above-mentioned first aspect.
The embodiment of the present application provides a kind of image display method, available first image and the second figure to be shown
Then picture in the first display area in default indication range, shows the image frame in the first image, and default aobvious
Demonstration is enclosed in the second interior display area, shows the image frame in the second image, is directed to the first image or second when receiving
When the move of image, image frame that adjustable first image and the second image are shown in corresponding display area.
Based on above-mentioned processing, the first image and the second image can be shown simultaneously in default indication range, it is user-friendly, and
When receiving the move for any image, the first image and the second image can be adjusted simultaneously in respective display area
The image frame of display facilitates user to observe image, improves treatment effeciency.
Certainly, implement the application any product or method it is not absolutely required to and meanwhile reach all the above excellent
Point.
Detailed description of the invention
In order to illustrate the technical solutions in the embodiments of the present application or in the prior art more clearly, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this
Some embodiments of application for those of ordinary skill in the art without creative efforts, can be with
It obtains other drawings based on these drawings.
Fig. 1 is a kind of flow chart of image display method provided by the embodiments of the present application；
Fig. 2 is a kind of schematic diagram for showing the first image frame and the second image frame provided by the embodiments of the present application；
Fig. 3 is a kind of complete image picture of image provided by the embodiments of the present application；
Fig. 4 is a kind of schematic diagram for showing third image frame and the 4th image frame provided by the embodiments of the present application；
Fig. 5 is a kind of schematic diagram of amplification display image frame provided by the embodiments of the present application；
Fig. 6 is a kind of schematic diagram of amplification display image frame provided by the embodiments of the present application；
Fig. 7 is a kind of structure chart of image display device provided by the embodiments of the present application；
Fig. 8 is the structure chart of a kind of electronic equipment provided by the embodiments of the present application.
Specific embodiment
Below in conjunction with the attached drawing in the embodiment of the present application, technical solutions in the embodiments of the present application carries out clear, complete
Site preparation description, it is clear that described embodiments are only a part of embodiments of the present application, instead of all the embodiments.It is based on
Embodiment in the application, it is obtained by those of ordinary skill in the art without making creative efforts every other
Embodiment shall fall in the protection scope of this application.
In order to solve the problems, such as that user's operation is cumbersome in the related technology, treatment effeciency is low, the embodiment of the present application provides one
Kind image display method, can be applied to electronic equipment, which can be terminal, or server.Electronics is set
It is standby that there is display unit, image can be shown in display unit.
Electronic equipment available first image and the second image to be shown, then, the in default indication range
In one display area, the image frame in the first image is shown, and in the second display area in default indication range, display
Image frame in second image, when receiving the move for the first image or the second image, electronic equipment can be with
Adjust the image frame that the first image and the second image are shown in corresponding display area.
As it can be seen that being based on above-mentioned processing, electronic equipment can show the first image and second in default indication range simultaneously
Image, can be user-friendly, in addition, when electronic equipment receives the move for any image, it can be simultaneously
The image frame that the first image and the second image are shown in respective display area is adjusted, facilitates user to observe image, at raising
Manage efficiency.
Referring to Fig. 1, Fig. 1 is a kind of flow chart of image display method provided by the embodiments of the present application, and this method can wrap
Include following steps:
S101: the first image and the second image to be shown are obtained.
Wherein, the first image and the second image can be same type of image, for example, the first image and the second image are equal
For picture, alternatively, the first image and the second image are video image.
In a kind of implementation, user can be based on image processing algorithm (for example, algorithm for image enhancement), to a picture figure
Picture (being properly termed as original image) is handled, and treated, and picture is properly termed as target image.In order to determine at image
The treatment effect of adjustment method, user can compare the picture quality of original image and target image.At this point, original image and target
Image can be respectively the first image and the second image.
It is understood that the content of the image frame shown in the first image and the second image is consistent, and image frame
Quality have difference.
First image and the second image can be input to electronic equipment by user, be arrived correspondingly, electronic equipment is available
First image and the second image.
For example, electronic equipment can show the button and " the second image of addition " of " the first image of addition " in display unit
Button, then, user can click " addition the first image " button, select original image, then, user, which can click, " to be added
Add the second image " button, selection target image, in turn, electronic equipment then available user the first image to be compared and
Two images.
S102: in the first display area in default indication range, the image frame in the first image is shown.
Wherein, default indication range can be the display area being arranged in the display unit of electronic equipment.For example, default aobvious
Demonstration is enclosed can be with the rectangular display area of size default in the display unit of electronic equipment.
First display area can be the display area in default indication range.
For example, default indication range is rectangular display area, then the first display area can be leaned on to preset in indication range
The lesser rectangular display area in left side, alternatively, the first display area may be on the right side smaller in default indication range
Rectangular display area.
In another example default indication range is rectangular display area, then the first display area can be in default indication range
Lesser rectangular display area against the top, alternatively, the first display area may be in default indication range on the lower compared with
Small rectangular display area.
In a kind of implementation, after obtaining the first image and the second image, electronic equipment can be in default indication range
It is interior that the image frame in the first image is shown based on the first display size in the lesser rectangular display area in left side, first
Display size can be rule of thumb configured by technical staff.
It is understood that electronic equipment is first according to the different size of the first display size and default indication range
The image frame shown in display area can be all images picture in the first image, be also possible in the first image
Parts of images picture.
S103: in the second display area in default indication range, the image frame in the second image is shown.
Wherein, presetting indication range includes the first display area and the second display area.
For example, default indication range is rectangular display area, the first display area is in default indication range by left side
Lesser rectangular display area, then the second display area can be aobvious for the rectangle in default indication range in addition to the first display area
Show region (the lesser rectangular display area in i.e. default indication range on the right side), the second display area and the first display area
It is adjacent.
In another example default indication range is rectangular display area, the first display area is against the top in default indication range
Lesser rectangular display area, then the second display area is that the rectangle in default indication range in addition to the first display area is shown
Region (the lesser rectangular display area in i.e. default indication range on the lower), the second display area and the first display area phase
It is adjacent.
In a kind of implementation, after obtaining the first image and the second image, electronic equipment can be in default indication range
It is interior that the image frame in the first image is shown based on the first display size in the lesser rectangular display area in left side, and
In lesser rectangular display area in default indication range on the right side, the figure in the second image is shown based on the second display size
As picture, the second display size can be rule of thumb configured by technical staff.
It is understood that electronic equipment is second according to the different size of the second display size and default indication range
The image frame shown in display area can be all images picture in the second image, be also possible in the second image
Parts of images picture.
In addition, the embodiment of the present application is not defined, and electronic equipment can be held for the sequence that executes of S102 and S103
Row S102, then executes S103, alternatively, S103 can also be executed, then executes S102, alternatively, electronic equipment can also be held simultaneously
Row S102 and S103.
S104: when receiving the move for the first image or the second image, the first image and the second figure are adjusted
Image frame as shown in corresponding display area.
The image frame in the first image is shown in the first display area in electronic equipment, and in the second display area
After showing the image frame in the second image, user then may browse through the first image and the second figure shown in default indication range
The image frame of picture.
Due to the image frame shown in the first display area, the image frame of part in the first image can be, and
The image frame shown in the second display area is also possible to the image frame of part in the second image, therefore, when user needs
When browsing in the first image current not shown image frame in current not shown image frame and/or the second image, use
Family can input the move for the first image or the second image, or work as user by the input part of electronic equipment
Need to compare the image frame of the first image and the corresponding position in the second image, and at least one image at the position
Image frame when not showing, user can input by the input part of electronic equipment and be directed to the first image or the second image
Move, but it is not limited to this.
In a kind of implementation, the image of the first image and the second image that show in default indication range is browsed in user
When picture, user can click the first image or the second image by mouse, and drag the image of click, correspondingly, electronics is set
It is standby then the image frame that shows in the first display area of the first image, Yi Ji can be adjusted according to the drag operation of user
The image frame that two images are shown in the second display area.
Optionally, electronic equipment can be based on following two mode, show in the first image in default indication range
Image frame in image frame and the second image.
Mode one, in the case where the first image and the second image tiles are shown, shown in the first display area first
Image frame in image is the image frame in the first specified region in the first image, second shown in the second display area
Image frame in image is the image frame in the second image in region corresponding with the first specified region in the first image.
In a kind of implementation, presetting indication range is rectangular display area, and the first display area is default indication range
The interior lesser rectangular display area by left side, the second display area are that the lesser rectangle in default indication range on the right side is aobvious
Show region.
After obtaining the first image, electronic equipment can determine the aobvious of the first image according to the height of default indication range
Show height, so that the display height of the first image is consistent with the height of the first display area, then, electronic equipment can be according to true
Fixed display height, equal proportion determine the display width of the first image, that is, determine the first display size of the first image.
Then, electronic equipment, according to the first determining display size, can show the first image in the first display area
In image frame (being properly termed as the first image frame).First image frame corresponding region namely first in the first image
Specified region.It is understood that the first image frame can be the parts of images picture in the first image.
Similarly, after obtaining the second image, electronic equipment can determine the second image according to the height of default indication range
Display height so that the second image display height it is consistent with the height of the second display area, then, electronic equipment can root
According to determining display height, equal proportion determines the display width of the second image, that is, determines the second display size of the second image.
Then, electronic equipment, according to the second determining display size, can show the second image in the second display area
In image frame (being properly termed as the second image frame) so that the second image frame corresponding region in the second image, with
Above-mentioned first specified region is corresponding.It is understood that the second image frame can be the picture of the parts of images in the second image
Face.
Referring to fig. 2, Fig. 2 is the schematic diagram of the first image frame and the second image frame that electronic equipment is shown.
Wherein, the first image frame can be the image frame in left side in Fig. 2, and the second image frame can be right in Fig. 2
The image frame of side.The complete image picture of first image and the second image may refer to Fig. 3.
As it can be seen that the first image frame is the image frame in left side in the first image, the second image frame is in the second image
The image frame in left side, and the second image frame corresponding region in the second image, with the first image frame in the first image
In corresponding region (the i.e. first specified region) it is corresponding.
Based on mode one, user can be facilitated to observe and/or compare in the first image and the second image in corresponding region
Two image frames, mode one is referred to as the first image and the second image tiles are shown.
Mode two, in the case where the first image and the overlapping display of the second image, show in the first display area first
Image frame in image is the image frame in the second specified region in the first image, second shown in the second display area
Image frame in image is the image frame in the specified region of third in the second image, and third is specified in region and the second image
The 4th specified region it is different, the 4th specified region is area corresponding with the second specified region in the first image in the second image
Domain.
In a kind of implementation, presetting indication range is rectangular display area, and the first display area is default indication range
The interior lesser rectangular display area by left side, the second display area are that the lesser rectangle in default indication range on the right side is aobvious
Show region.
After obtaining the first image, electronic equipment can determine the aobvious of the first image according to the height of default indication range
Show height and display width (the i.e. first display size).
Then, electronic equipment, according to the first display size, can show the figure in the first image in the first display area
As picture (being properly termed as third image frame).It is understood that third image frame can be the part in the first image
Image frame.Third image frame corresponding region namely second specified region in the first image.
Similarly, after obtaining the second image, electronic equipment can determine the second image according to the height of default indication range
Display height and display width (i.e. second display size).
Then, electronic equipment, according to the second display size, can show the figure in the second image in the second display area
As picture (being properly termed as the 4th image frame), so that the 4th specified region is to refer in the second image with second in the first image
Determine the corresponding region in region.4th specified region is all or part of area in the 4th image frame in addition to third specifies region
Domain, it is the 4th image frame corresponding region in the second image that third, which specifies region,.It is understood that the 4th image frame
It can be the parts of images picture in the second image.Referring to fig. 4, Fig. 4 is the third image frame and the 4th that electronic equipment is shown
The schematic diagram of image frame.
Wherein, third image frame can be the image frame in left side in Fig. 4, and the 4th image frame can be right in Fig. 4
The image frame of side.The complete image picture of first image and the second image may refer to Fig. 3.
As it can be seen that third image frame is the image frame in left side in the first image, the 4th image frame is in the second image
The image frame on right side, the second specified region are the region in left side in the first image, and it is right in the second image that third, which specifies region,
The region of side, the 4th specified region are the region in left side in the second image, opposite position of the 4th specified region in the second image
It sets, it is corresponding with relative position of the second specified region in the first image.
Based on mode two, user can be facilitated to compare the identical boundary close to the first display area and the second display area
Image frame picture quality.Mode two is referred to as the first image and the overlapping display of the second image.
Optionally, electronic equipment can also adjust the boundary of the first display area Yu the second display area, in turn, adjustment the
The size of the image frame shown in one display area and the second display area, this method may also comprise the following steps::
Step 1, when receiving the adjustment instruction on the boundary for the first display area and the second display area, adjustment
The size of first display area and the second display area.
In a kind of mode, user can adjust the boundary of the first display area and the second display area according to browsing demand
Position, that is, user can input to electronic equipment refer to for the adjustment of the first display area and the boundary of the second display area
It enables, correspondingly, electronic equipment can adjust the size of the first display area and the second display area according to adjustment instruction.
Optionally, with the second display area there are an identical boundary, adjustment instruction is in response to phase for the first display area
The instruction triggered with the drag operation on boundary.
In a kind of mode, referring to fig. 4, there are an identical boundaries for the first display area and the second display area, and at this
Display can be set there are two the button of triangle in identical boundary, and user clicks the button, and left and right dragging, then can adjust
The position on the identical boundary of whole first display area and the second display area.
Step 2 shows the image frame in the first image in the first display area after the adjustment, and after the adjustment
The image frame in the second image is shown in second display area.
Behind the position that user adjusts the first display area and the identical boundary in the second display area, the first display area and
The size of second display area changes, correspondingly, the figure that electronic equipment is then shown in adjustable first display area
As the image frame shown in picture and the second display area, and after adjusting, the 4th specified region be still in the second image with
The corresponding region in the second specified region in first image, that is, the image frame shown in the first display area after adjustment and
The image frame shown in two display areas still is able to constitute complete image frame.
Optionally, S104 may include following two situation:
Situation one, when receiving the first movement instruction for the first image, the position based on first movement instruction instruction
Vector is moved, the image frame of the first image shown in the first display area is adjusted, and is shown in the second display area
The second image image frame.
Situation two, when receiving the second move for the second image, the position based on the second move instruction
Vector is moved, the image frame of the first image shown in the first display area is adjusted, and is shown in the second display area
The second image image frame.
It, can be to the figure of display when the image frame that user shows in browsing the first display area and the second display area
As picture is adjusted.
In a kind of mode, in the case where tiling display, referring to fig. 2, left side is that the first display area is shown in Fig. 2
Image frame in one image, right side are the image frame in the second image that the second display area is shown.At this point, user can only
Browse to the head of cat in the first image and the second image.
If user wants to browse the body part of cat in the first image and the second image, user can be in the first viewing area
In domain, the image frame in the first image of display is clicked, and (i.e. input refers to for the first movement of the first image for dragging to the left
Enable), alternatively, user in the second display area, can also click the image frame in the second image of display, and drag to the left
(i.e. second move of the input for the second image).
By above two operation, with per family move can be inputted to electronic equipment.Correspondingly, electronic equipment can be with
According to the direction of the move instruction of user's input and distance, determine displacement vector (being properly termed as the first displacement vector), and
According to the first displacement vector, the image frame of the first image shown in the first display area is adjusted, and in the second display
The image frame of the second image shown in region.
For example, electronic equipment can will show image frame and second in the first display area according to the first displacement vector
The image frame shown in display area, is integrally moved to the left, to show the body of cat in the first image in the first display area
Body portion, and show in the second display area the body part of cat in the second image, and the figure shown in the second display area
It is corresponding in the first image with the image frame shown in the first display area as picture corresponding region in the second image
Region is corresponding.
In another way, in the case where being overlapped display, referring to fig. 4, left side is what the first display area was shown in Fig. 4
Image frame in first image, right side are the image frame in the second image that the second display area is shown.At this point, user's root
According to the identical boundary of the first display area and the second display area, the first image of comparison and the second image Zhong Mao face can be facilitated
The image frame divided.
If user wants the identical boundary according to the first display area and the second display area, the first image and second is compared
The image frame of cat ear part in image, then user in the first display area, can click in the first image of display
Image frame, and dragging to the right (i.e. input is instructed for the first movement of the first image), alternatively, user can also be aobvious second
Show in region, click the image frame in the second image of display, and (i.e. input is moved for the second of the second image for dragging to the right
Dynamic instruction).
By above two operation, with per family move can be inputted to electronic equipment.Correspondingly, electronic equipment can be with
According to the direction of the move instruction of user's input and distance, determine displacement vector (being properly termed as second displacement vector), and
According to second displacement vector, the image frame of the first image shown in the first display area is adjusted, and in the second display
The image frame of the second image shown in region.
For example, electronic equipment can will show image frame and second in the first display area according to second displacement vector
The image frame shown in display area, integrally moves right, so that the image frame of cat ear part is mobile in the first image
To the boundary of the first display area and the second display area, and the image frame of cat ear part is also moved in the second image
The boundary of first display area and the second display area.
It is understood that electronic equipment can start according to user when user inputs move to electronic equipment
The coordinate of stop position, determines above-mentioned first displacement vector and second displacement vector after the coordinate of click location and user's dragging,
In turn, the image frame for the first image that adjustment is shown in the first display area, and shown in the second display area
The image frame of second image.
In addition, user compares the first image and the second image for convenience, it is aobvious that electronic equipment can also provide image amplification
Show function, optionally, this method may also comprise the following steps::
Step 1 determines a figure of the user in the first image and the second image when receiving amplification idsplay order
As in, specified the first image frame to be amplified for needing to amplify display.
In application embodiment, user, which can choose, draws the image shown in the first display area or the second display area
Face amplifies display.
In a kind of implementation, electronic equipment can show " amplification display " button in display unit, click in user
After the button, user can choose a position in the image frame shown in the first display area or the second display area.
The position that electronic equipment can be selected according to user, determine that user specifies need to amplify the first of display to
Enlarged drawing picture.First image frame to be amplified can be centered on the position of user's selection, and the second default size is shown
Show image frame shown by region.
Step 2, according to the first image frame to be amplified in affiliated image relative position, determine in another image
Position to be amplified.
Wherein, the relative position in affiliated image is corresponding with the first image frame to be amplified for position to be amplified.
In a kind of implementation, if the first image frame to be amplified is the image frame in the first image, electronics is set
It is standby can according to the first image frame to be amplified in the first image relative position, determine the position to be amplified in the second image,
And the relative position in the first image is corresponding with the first image frame to be amplified for the position to be amplified determined.
If the first image frame to be amplified be the second image in image frame, electronic equipment can according to first to
Enlarged drawing picture relative position in the second image determines the position to be amplified in the first image, and determines to be amplified
The relative position in the second image is corresponding with the first image frame to be amplified for position.
Step 3 shows image indicated by the first image frame to be amplified and position to be amplified to preset amplification factor
Picture.
In a kind of implementation, after determining the first image frame to be amplified and position to be amplified, electronic equipment can be with
To preset amplification factor, image frame indicated by the first image frame to be amplified and position to be amplified is shown.
For example, Fig. 2 is directed to, in the case where tiling display, when user needs the image frame to opal part to put
When big display, user can choose amplification display, and specify the figure of opal part in the first display area or the second display area
As picture, in turn, electronic equipment can show the image frame of the opal part of amplified first image and the second image, ginseng
See Fig. 5.
In another example for Fig. 4, in the case where being overlapped display, when user needs to carry out the image frame of opal part
When amplification display, user can choose amplification display, and the image frame of opal part is specified in the first display area, into
And electronic equipment can show the image frame of the opal part of amplified first image and the second image, referring to Fig. 6.
Corresponding with the embodiment of the method for Fig. 1, referring to Fig. 7, Fig. 7 is a kind of image display dress provided by the embodiments of the present application
The structure chart set, the apparatus may include:
Module 701 is obtained, for obtaining the first image and the second image to be shown；
First display module 702, for showing in the first image in the first display area in default indication range
Image frame；
Second display module 703, for showing in the second image in the second display area in default indication range
Image frame；Default indication range includes the first display area and the second display area；
Module 704 is adjusted, for adjusting the first figure when receiving the move for the first image or the second image
As and the second image in corresponding display area shown in image frame.
Optionally, in the case where the first image and the second image tiles are shown, shown in the first display area first
Image frame in image is the image frame in the first specified region in the first image, second shown in the second display area
Image frame in image is the image frame in the second image in region corresponding with the first specified region in the first image；
And/or in the case where the first image and the overlapping display of the second image, the figure in the first image that shows in the first display area
As the image frame that picture is the second specified region in the first image, the figure in the second image that shows in the second display area
As the image frame that picture is the specified region of third in the second image, third specifies the in region and the second image the 4th to specify
Region is different, and the 4th specified region is region corresponding with the second specified region in the first image in the second image.
Optionally, device further include:
Processing module, for when the adjustment instruction for receiving the boundary for the first display area Yu the second display area
When, adjust the size of the first display area and the second display area；
The image frame in the first image is shown in the first display area after the adjustment；
The image frame in the second image is shown in the second display area after the adjustment.
Optionally, with the second display area there are an identical boundary, adjustment instruction is in response to phase for the first display area
The instruction triggered with the drag operation on boundary.
Optionally, module 704 is adjusted, specifically for being based on when receiving the first movement instruction for the first image
The displacement vector of first movement instruction instruction, adjusts the image frame of the first image shown in the first display area, and
The image frame of the second image shown in the second display area；
Alternatively,
When receiving the second move for the second image, based on the displacement vector of the second move instruction,
Adjust the image frame of the first image shown in the first display area, and the second figure shown in the second display area
The image frame of picture.
Optionally, device further include:
Third display module, for determining user in the first image and the second image when receiving amplification idsplay order
In an image in, specified the first image frame to be amplified for needing to amplify display；
According to the first image frame to be amplified in affiliated image relative position, determine the position to be amplified in another image
It sets, wherein the relative position in affiliated image is corresponding with the first image frame to be amplified for position to be amplified；
To preset amplification factor, image frame indicated by the first image frame to be amplified and position to be amplified is shown.
The embodiment of the present application also provides a kind of electronic equipment, as shown in figure 8, including memory 801 and processor 802；
Memory 801, for storing computer program；
Processor 802 when for executing the program stored on memory 801, realizes figure provided by the embodiments of the present application
As display methods.
Specifically, above-mentioned image display method, comprising:
Obtain the first image and the second image to be shown；
In the first display area in default indication range, the image frame in the first image is shown；
In the second display area in default indication range, the image frame in the second image is shown；Default display model
It encloses including the first display area and the second display area；
When receiving the move for the first image or the second image, the first image and the second image are adjusted right
The image frame shown in the display area answered.
It should be noted that other implementations of above-mentioned image display method are identical as preceding method embodiment part,
Which is not described herein again.
Above-mentioned electronic equipment can have the communication interface realized and communicated between above-mentioned electronic equipment and other equipment.
Above-mentioned processor, communication interface, memory complete mutual communication by communication bus, referring herein to it is logical
Letter bus can be Peripheral Component Interconnect standard (Peripheral Component Interconnect, abbreviation PCI) bus or
Expanding the industrial standard structure (Extended Industry Standard Architecture, abbreviation EISA) bus etc..This is logical
Letter bus can be divided into address bus, data/address bus, control bus etc..
Memory may include random access memory (Random Access Memory, abbreviation RAM), also may include
Nonvolatile memory (Non-Volatile Memory, abbreviation NVM), for example, at least a magnetic disk storage.Optionally, it deposits
Reservoir can also be that at least one is located remotely from the storage device of aforementioned processor.
Above-mentioned processor can be general processor, including central processing unit (Central Processing Unit,
Abbreviation CPU), network processing unit (Network Processor, abbreviation NP) etc.；It can also be digital signal processor
(Digital Signal Processing, abbreviation DSP), specific integrated circuit (Application Specific
Integrated Circuit, abbreviation ASIC), field programmable gate array (Field-Programmable Gate Array,
Abbreviation FPGA) either other programmable logic device, discrete gate or transistor logic, discrete hardware components.
The embodiment of the present application also provides a kind of computer readable storage medium, stored in the computer readable storage medium
There is instruction, when run on a computer, so that computer executes image display method provided by the embodiments of the present application.
Specifically, above-mentioned image display method, comprising:
Obtain the first image and the second image to be shown；
In the first display area in default indication range, the image frame in the first image is shown；
In the second display area in default indication range, the image frame in the second image is shown；Default display model
It encloses including the first display area and the second display area；
When receiving the move for the first image or the second image, the first image and the second image are adjusted right
The image frame shown in the display area answered.
It should be noted that other implementations of above-mentioned image display method are identical as preceding method embodiment part,
Which is not described herein again.
The embodiment of the present application also provides a kind of computer program products comprising instruction, when it runs on computers
When, so that computer executes image display method provided by the embodiments of the present application.
Specifically, above-mentioned image display method, comprising:
Obtain the first image and the second image to be shown；
In the first display area in default indication range, the image frame in the first image is shown；
In the second display area in default indication range, the image frame in the second image is shown；Default display model
It encloses including the first display area and the second display area；
When receiving the move for the first image or the second image, the first image and the second image are adjusted right
The image frame shown in the display area answered.
It should be noted that other implementations of above-mentioned image display method are identical as preceding method embodiment part,
Which is not described herein again.
In the above-described embodiments, can come wholly or partly by software, hardware, firmware or any combination thereof real
It is existing.When implemented in software, it can entirely or partly realize in the form of a computer program product.The computer program
Product includes one or more computer instructions.When loading on computers and executing the computer program instructions, all or
It partly generates according to process or function described in the embodiment of the present application.The computer can be general purpose computer, dedicated meter
Calculation machine, computer network or other programmable devices.The computer instruction can store in computer readable storage medium
In, or from a computer readable storage medium to the transmission of another computer readable storage medium, for example, the computer
Instruction can pass through wired (such as coaxial cable, optical fiber, number from a web-site, computer, server or data center
User's line (DSL)) or wireless (such as infrared, wireless, microwave etc.) mode to another web-site, computer, server or
Data center is transmitted.The computer readable storage medium can be any usable medium that computer can access or
It is comprising data storage devices such as one or more usable mediums integrated server, data centers.The usable medium can be with
It is magnetic medium, (for example, floppy disk, hard disk, tape), optical medium (for example, DVD) or semiconductor medium (such as solid state hard disk
Solid State Disk (SSD)) etc..
It should be noted that, in this document, relational terms such as first and second and the like are used merely to a reality
Body or operation are distinguished with another entity or operation, are deposited without necessarily requiring or implying between these entities or operation
In any actual relationship or order or sequence.Moreover, the terms "include", "comprise" or its any other variant are intended to
Non-exclusive inclusion, so that the process, method, article or equipment including a series of elements is not only wanted including those
Element, but also including other elements that are not explicitly listed, or further include for this process, method, article or equipment
Intrinsic element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that
There is also other identical elements in process, method, article or equipment including the element.
Each embodiment in this specification is all made of relevant mode and describes, same and similar portion between each embodiment
Dividing may refer to each other, and each embodiment focuses on the differences from other embodiments.Especially for device,
For electronic equipment, computer readable storage medium, computer program product embodiments, implement since it is substantially similar to method
Example, so being described relatively simple, the relevent part can refer to the partial explaination of embodiments of method.
The foregoing is merely the preferred embodiments of the application, are not intended to limit the protection scope of the application.It is all
Any modification, equivalent replacement, improvement and so within spirit herein and principle are all contained in the protection scope of the application
It is interior.
Claims (14)
1. a kind of image display method, which is characterized in that the described method includes:
Obtain the first image and the second image to be shown；
In the first display area in default indication range, the image frame in the first image is shown；
In the second display area in the default indication range, the image frame in second image is shown；It is described pre-
If indication range includes first display area and second display area；
When receiving the move for the first image or second image, the first image and described is adjusted
The image frame that second image is shown in corresponding display area.
2. the method according to claim 1, wherein being shown in the first image and second image tiles
In the case where, the image frame in the first image that shows in first display area is the in the first image
The image frame in one specified region, the image frame in second image shown in second display area are described the
Image frame in two images in region corresponding with the described first specified region in the first image；And/or described
In the case where first image and second image overlapping display, in the first image that is shown in first display area
Image frame be the second specified region in the first image image frame, the institute shown in second display area
Stating the image frame in the second image is the image frame that the third in second image specifies region, and the third specifies area
Domain is different from the 4th specified region in second image, and the 4th specified region is in second image with described the
The corresponding region in the described second specified region in one image.
3. method according to claim 1 or 2, which is characterized in that the method also includes:
When receiving the adjustment instruction on the boundary for first display area and second display area, described in adjustment
The size of first display area and second display area；
The image frame in the first image is shown in first display area after the adjustment；
The image frame in second image is shown in second display area after the adjustment.
4. according to the method described in claim 3, it is characterized in that, first display area is deposited with second display area
On an identical boundary, the adjustment instruction is the instruction that is triggered in response to the drag operation to the identical boundary.
5. the method according to claim 1, wherein described when receiving for the first image or described the
When the move of two images, the image that the first image and second image are shown in corresponding display area is adjusted
Picture, comprising:
When receiving the first movement instruction for the first image, the displacement arrow based on first movement instruction instruction
Amount adjusts the image frame of the first image shown in first display area, and in second viewing area
The image frame of second image shown in domain；
Alternatively,
When receiving the second move for second image, the displacement arrow based on second move instruction
Amount adjusts the image frame of the first image shown in first display area, and in second viewing area
The image frame of second image shown in domain.
6. the method according to claim 1, wherein the method also includes:
When receiving amplification idsplay order, an image of the user in the first image and second image is determined
In, specified the first image frame to be amplified for needing to amplify display；
According to the described first image frame to be amplified in affiliated image relative position, determine the position to be amplified in another image
It sets, wherein the relative position in affiliated image is corresponding with the described first image frame to be amplified for the position to be amplified；
To preset amplification factor, show that image indicated by first image frame to be amplified and the position to be amplified is drawn
Face.
7. a kind of image display device, which is characterized in that described device includes:
Module is obtained, for obtaining the first image and the second image to be shown；
First display module, for showing the figure in the first image in the first display area in default indication range
As picture；
Second display module, for showing in second image in the second display area in the default indication range
Image frame；The default indication range includes first display area and second display area；
Module is adjusted, for when receiving the move for the first image or second image, described in adjustment
The image frame that first image and second image are shown in corresponding display area.
8. device according to claim 7, which is characterized in that shown in the first image and second image tiles
In the case where, the image frame in the first image that shows in first display area is the in the first image
The image frame in one specified region, the image frame in second image shown in second display area are described the
Image frame in two images in region corresponding with the described first specified region in the first image；And/or described
In the case where first image and second image overlapping display, in the first image that is shown in first display area
Image frame be the second specified region in the first image image frame, the institute shown in second display area
Stating the image frame in the second image is the image frame that the third in second image specifies region, and the third specifies area
Domain is different from the 4th specified region in second image, and the 4th specified region is in second image with described the
The corresponding region in the described second specified region in one image.
9. device according to claim 7 or 8, which is characterized in that described device further include:
Processing module, for referring to when receiving the adjustment for first display area and the boundary of second display area
When enabling, the size of first display area and second display area is adjusted；
The image frame in the first image is shown in first display area after the adjustment；
The image frame in second image is shown in second display area after the adjustment.
10. device according to claim 9, which is characterized in that first display area and second display area
There are an identical boundary, the adjustment instruction is the instruction that is triggered in response to the drag operation to the identical boundary.
11. device according to claim 7, which is characterized in that the adjustment module is received specifically for working as institute
When stating the first movement instruction of the first image, based on the displacement vector of first movement instruction instruction, adjust described first
The image frame of the first image shown in display area, and shown in second display area described second
The image frame of image；
Alternatively,
When receiving the second move for second image, the displacement arrow based on second move instruction
Amount adjusts the image frame of the first image shown in first display area, and in second viewing area
The image frame of second image shown in domain.
12. device according to claim 7, which is characterized in that described device further include:
Third display module, for determining user in the first image and described second when receiving amplification idsplay order
In an image in image, specified the first image frame to be amplified for needing to amplify display；
According to the described first image frame to be amplified in affiliated image relative position, determine the position to be amplified in another image
It sets, wherein the relative position in affiliated image is corresponding with the described first image frame to be amplified for the position to be amplified；
To preset amplification factor, show that image indicated by first image frame to be amplified and the position to be amplified is drawn
Face.
13. a kind of electronic equipment, which is characterized in that including memory and processor；
The memory, for storing computer program；
The processor when for executing the program stored on the memory, realizes any side claim 1-6
Method step.
14. a kind of computer readable storage medium, which is characterized in that be stored with computer in the computer readable storage medium
Program realizes claim 1-6 any method and step when the computer program is executed by processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910700959.9A CN110399076B (en) | 2019-07-31 | 2019-07-31 | Image display method and device, electronic equipment and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910700959.9A CN110399076B (en) | 2019-07-31 | 2019-07-31 | Image display method and device, electronic equipment and readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110399076A true CN110399076A (en) | 2019-11-01 |
| CN110399076B CN110399076B (en) | 2021-04-02 |
Family
ID=68326881
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910700959.9A Active CN110399076B (en) | 2019-07-31 | 2019-07-31 | Image display method and device, electronic equipment and readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110399076B (en) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140300563A1 (en) * | 2013-04-09 | 2014-10-09 | Fujitsu Limited | Control device and control method |
| CN107562208A (en) * | 2017-09-27 | 2018-01-09 | 上海展扬通信技术有限公司 | The intelligent terminal control method and intelligent terminal control system of a kind of view-based access control model |
| CN108108418A (en) * | 2017-12-14 | 2018-06-01 | 北京小米移动软件有限公司 | Picture management method, device and storage medium |
| CN108763317A (en) * | 2018-04-27 | 2018-11-06 | 维沃移动通信有限公司 | A kind of auxiliary chooses the method and terminal device of picture |
| CN109035131A (en) * | 2017-06-12 | 2018-12-18 | 龙芯中科技术有限公司 | Show method, apparatus, readable storage medium storing program for executing and the electronic equipment of image |
| CN109194839A (en) * | 2018-10-30 | 2019-01-11 | 维沃移动通信（杭州）有限公司 | A kind of display control method and terminal |
| CN109559663A (en) * | 2018-10-19 | 2019-04-02 | 闪维（北京）文化有限公司 | A kind of interactive sandbox based on multimedia project production and management system |
| CN109597550A (en) * | 2018-11-19 | 2019-04-09 | 维沃移动通信有限公司 | A kind of image processing method and mobile terminal |
| CN109659027A (en) * | 2018-11-30 | 2019-04-19 | 贵州电网有限责任公司 | GIS device digital radiographic double screen is the same as the big diagnostic method of region Synchronous Radio and device |
-
2019
- 2019-07-31 CN CN201910700959.9A patent/CN110399076B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140300563A1 (en) * | 2013-04-09 | 2014-10-09 | Fujitsu Limited | Control device and control method |
| CN109035131A (en) * | 2017-06-12 | 2018-12-18 | 龙芯中科技术有限公司 | Show method, apparatus, readable storage medium storing program for executing and the electronic equipment of image |
| CN107562208A (en) * | 2017-09-27 | 2018-01-09 | 上海展扬通信技术有限公司 | The intelligent terminal control method and intelligent terminal control system of a kind of view-based access control model |
| CN108108418A (en) * | 2017-12-14 | 2018-06-01 | 北京小米移动软件有限公司 | Picture management method, device and storage medium |
| CN108763317A (en) * | 2018-04-27 | 2018-11-06 | 维沃移动通信有限公司 | A kind of auxiliary chooses the method and terminal device of picture |
| CN109559663A (en) * | 2018-10-19 | 2019-04-02 | 闪维（北京）文化有限公司 | A kind of interactive sandbox based on multimedia project production and management system |
| CN109194839A (en) * | 2018-10-30 | 2019-01-11 | 维沃移动通信（杭州）有限公司 | A kind of display control method and terminal |
| CN109597550A (en) * | 2018-11-19 | 2019-04-09 | 维沃移动通信有限公司 | A kind of image processing method and mobile terminal |
| CN109659027A (en) * | 2018-11-30 | 2019-04-19 | 贵州电网有限责任公司 | GIS device digital radiographic double screen is the same as the big diagnostic method of region Synchronous Radio and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110399076B (en) | 2021-04-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10970867B2 (en) | Augmented reality digital content search and sizing techniques | |
| CN107770442A (en) | The method, apparatus and terminal of shooting image | |
| US20150186035A1 (en) | Image processing for introducing blurring effects to an image | |
| US9747010B2 (en) | Electronic content visual comparison apparatus and method | |
| KR101932718B1 (en) | Device and method for changing size of display window on screen | |
| US20120064946A1 (en) | Resizable filmstrip view of images | |
| US10809898B2 (en) | Color picker | |
| WO2017059734A1 (en) | Image zoom in/out method and electronic device | |
| JP6249652B2 (en) | Touch function control method and electronic device thereof | |
| AU2014201249B2 (en) | Method for controlling display function and an electronic device thereof | |
| WO2021243788A1 (en) | Screenshot method and apparatus | |
| CN105930052B (en) | A kind of screenshot method and device | |
| CN107885277A (en) | A kind of method, apparatus, mobile terminal and storage medium for adjusting display screen angle | |
| US9841871B2 (en) | Method, system for controlling dynamic map-type graphic interface and electronic device using the same | |
| CN104598121A (en) | Picture zooming method and device | |
| JP5980393B1 (en) | Terminal device | |
| CN106230994A (en) | A kind of sign-off file acquisition and method for uploading, device | |
| CN110399076A (en) | A kind of image display method, device, electronic equipment and readable storage medium storing program for executing | |
| CN109582269B (en) | Physical splicing screen display method and device and terminal equipment | |
| CN109766530B (en) | Method and device for generating chart frame, storage medium and electronic equipment | |
| TWI540864B (en) | Information transmission method and wireless display system | |
| CN111448534A (en) | Terminal device, graphical user interface thereof and control method of graphical user interface | |
| US20150054854A1 (en) | Image Cropping Manipulation Method and Portable Electronic Device | |
| JP7200008B2 (en) | ELECTRONIC DEVICE AND ITS CONTROL METHOD AND PROGRAM | |
| CN111580662A (en) | View scrolling control method and device, electronic equipment and storage medium |
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 |