CN113094010B - Image display method, device and system - Google Patents
Image display method, device and system Download PDFInfo
- Publication number
- CN113094010B CN113094010B CN202110317606.8A CN202110317606A CN113094010B CN 113094010 B CN113094010 B CN 113094010B CN 202110317606 A CN202110317606 A CN 202110317606A CN 113094010 B CN113094010 B CN 113094010B
- Authority
- CN
- China
- Prior art keywords
- layer
- picture
- interface
- output
- size
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 35
- 238000013507 mapping Methods 0.000 claims abstract description 73
- 238000012545 processing Methods 0.000 description 6
- 238000004590 computer program Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000000638 solvent extraction Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention discloses an image display method, an image display device and an image display system. The image display method includes, for example: creating at least one layer; obtaining a spliced layer based on the at least one layer, wherein each layer in the at least one layer is positioned inside the spliced layer; obtaining a picture to be output of each layer based on the position mapping relation between each layer and the spliced layer and the picture displayed by the spliced layer; and outputting the picture to be output of the picture layer to a corresponding display area for picture display through the corresponding output interface based on the interface mapping relation of the at least one picture layer and the at least one output interface. The embodiment of the invention can divide and output the complete picture to different display screens for display, and has simple operation and easy understanding.
Description
Technical Field
The embodiment of the invention relates to the technical field of image display, in particular to an image display method, an image display device and an image display system.
Background
Currently, in many active sites, a complete video needs to be divided into several parts to be displayed on different LED display screens respectively, and at this time, a complete picture needs to be divided and then output to the different LED display screens. Existing implementations are inconvenient for the user to operate, and are too complex to understand.
Therefore, the present invention provides an easy-to-operate and easy-to-understand image display method to realize that one complete image is divided and output to different LED display screens.
Disclosure of Invention
The embodiment of the invention discloses an image display method, an image display device, an image display system and a computer readable storage medium, which can divide and output a complete picture to different display screens for display, and are simple to operate and easy to understand.
In a first aspect, an embodiment of the present invention discloses an image display method, including: creating at least one layer; obtaining a spliced layer based on the at least one layer, wherein each layer in the at least one layer is positioned inside the spliced layer; obtaining a picture to be output of each layer based on the position mapping relation between each layer and the spliced layer and the picture displayed by the spliced layer; and outputting the picture to be output of the picture layer to a corresponding display area for picture display through the corresponding output interface based on the interface mapping relation of the at least one picture layer and the at least one output interface.
According to the method, the spliced layers are obtained based on the at least one layer, the picture to be output of each layer is obtained based on the position mapping relation between the layers and the spliced layers and the picture displayed by the spliced layers, so that the picture to be output is output to the corresponding display area for picture display through the output interface based on the interface mapping relation between the layers and the output interface, and the picture display can be realized by dividing and outputting a complete picture to different LED display screens.
In one embodiment of the present invention, the creating at least one layer includes: creating and displaying each layer on an operation interface based on user input information, wherein the user input information comprises: the position information and the layer size of each layer.
By creating the layers based on the user input information, free creation of the layers can be achieved, the creation mode of the layers is flexible, and user experience is further improved.
In one embodiment of the present invention, the obtaining a spliced layer based on the at least one layer includes: acquiring the position information and the layer size of each layer; and determining a union region of the at least one layer based on the position information and the layer size of each layer, so that the union region is used as the spliced layer and is displayed on the operation interface.
The union region of at least one layer is used as a spliced layer, so that each layer is ensured to be inside the spliced layer, and the data processing speed of the later stage can be increased.
In one embodiment of the present invention, before obtaining the picture to be output of each layer based on the position mapping relationship between each layer and the spliced layer and the picture displayed by the spliced layer, the method further includes: and acquiring the relative position information of each layer and the spliced layer, and taking the relative position information and the layer size as the corresponding position mapping relation.
In one embodiment of the present invention, the obtaining the picture to be output of each layer based on the position mapping relationship between each layer and the spliced layer and the picture displayed by the spliced layer includes: determining a picture area corresponding to the picture layer from the picture based on the position mapping relation, so as to display the picture area in the picture layer as the picture to be output of the picture layer; the size of the picture is the same as the size of the spliced layer, and the size of the picture area is the same as the layer size of the layer.
In one embodiment of the present invention, before the outputting the to-be-output picture of the layer to the corresponding display area via the corresponding output interface for picture display based on the interface mapping relationship between the at least one layer and the at least one output interface, the method further includes: displaying each layer and an interface frame corresponding to each output interface on an operation interface; responding to user operation to move the image layer to intersect the corresponding interface image frame to obtain an intersecting region, so that region position information and region size of the intersecting region relative to the corresponding interface image frame are used as the interface mapping relation between the image layer and the corresponding output interface; the frame size of the interface frame is the same as the load size of the output interface, and the layer size of the layer is the same as the size of the corresponding display area.
By displaying the image layer and the interface frame on the operation interface, responding to the user operation and taking the intersection area of the image layer and the interface frame as the interface mapping relation, the relation between the image layer and the output interface is built in a simple and easily understood mode, the operation is very flexible, and the user experience is further improved.
In one embodiment of the invention, the region size is the same as the layer size.
In one embodiment of the present invention, the outputting the to-be-output picture of the layer to a corresponding display area via a corresponding output interface based on an interface mapping relationship between the at least one layer and at least one output interface for picture display includes: and determining a corresponding picture to be displayed from the pictures to be output of the layer based on the interface mapping relation between the layer and the corresponding output interface, so that the pictures to be displayed are output to the corresponding display area through the corresponding output interface.
The image to be displayed can be flexibly set by determining the image to be displayed from the image to be displayed based on the interface mapping relation, so that the image to be displayed is high in flexibility and easy to understand.
In a second aspect, an embodiment of the present invention discloses an image display apparatus for performing any one of the image display methods described in the first aspect, and specifically includes: the layer creation module is used for creating at least one layer; the spliced layer generation module is used for obtaining spliced layers based on the at least one layer, wherein each layer in the at least one layer is positioned inside the spliced layer; the picture generation module is used for obtaining pictures to be output of each picture layer based on the position mapping relation between each picture layer and the spliced picture layer and the pictures displayed by the spliced picture layer; and the output display module is used for outputting the picture to be output of the picture layer to a corresponding display area for picture display through the corresponding output interface based on the interface mapping relation of the at least one picture layer and the at least one output interface.
In a third aspect, an image display system disclosed in an embodiment of the present invention includes: a processor and a memory coupled to the processor; wherein the memory stores instructions for execution by the processor and the instructions cause the processor to perform operations to perform any one of the image display methods of the first aspect.
In a fourth aspect, an embodiment of the present invention discloses a computer readable storage medium, where a computer program is stored, where the stored computer program is capable of implementing any one of the image display methods described in the first aspect when executed by a processor.
The above technical solution may have the following advantages or benefits: the image to be output of each image layer is obtained based on the position mapping relation between the image layer and the spliced image layer and the images displayed by the spliced image layer, so that the images to be output are output to the corresponding display areas for image display through the output interfaces based on the interface mapping relation between the image layer and the output interfaces, a complete image can be divided and output to different display screens for image display, and the images displayed by the display areas can be freely selected.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required for the description of the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a flowchart of an image display method according to an embodiment of the present invention.
Fig. 2 a-2 f are schematic diagrams illustrating operations involved in a specific example of an image display method according to an embodiment of the present invention.
Fig. 3 is a schematic diagram of an image display device according to an embodiment of the present invention.
Fig. 4 is a schematic structural diagram of an image display system according to an embodiment of the present invention.
Fig. 5 is a schematic structural diagram of a computer-readable storage medium according to an embodiment of the present invention.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present invention, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
As shown in fig. 1, an image display method 10 according to an embodiment of the present invention includes, for example, steps S11 to S17.
S11: creating at least one layer;
s13: obtaining a spliced layer based on the at least one layer, wherein each layer in the at least one layer is positioned inside the spliced layer;
s15: obtaining a picture to be output of each layer based on the position mapping relation between each layer and the spliced layer and the picture displayed by the spliced layer;
s17: outputting the picture to be output of the picture layer to a corresponding display area for picture display through the corresponding output interface based on the interface mapping relation between the at least one picture layer and the at least one output interface.
Wherein at least one layer mentioned in step S11 is, for example, a layer or a plurality of layers, and creating a layer is accomplished, for example, by setting position information and a layer size of the layer. The spliced layers mentioned in step S12 are, for example, one spliced layer, and each layer mentioned is located inside the spliced layer, which can be understood as displaying each layer and the spliced layer on the operation interface, and each layer is displayed inside the spliced layer. The position mapping relationship mentioned in step S13 includes, for example, the relative position information of the layer in the spliced layer, for example, the relative coordinates of the start points of the layer and the spliced layer, and the layer size, for example, the width and length of the layer. A picture is mentioned as a picture, a frame of image of a video, or other displayable material, for example. The receiving mapping relationship mentioned in step S14 includes, for example, relative position information of the layer and the corresponding output interface, and a region size, where the relative position information is, for example, relative coordinates of an intersection region of the layer and the output interface, and the region size includes, for example, a width and a length of the intersection region; the output interface is, for example, a video output interface, for example, an HDMI output interface, or a DVI output interface; the mentioned display area is understood to mean at least part of the screen display area of the corresponding display screen, which may be the entire screen display area of the display screen or part of the screen display area of the display screen, wherein the mentioned display screen is, for example, an LED display screen, and the display area corresponding to different layers is also understood to mean the display area carried by different output interfaces, which is, for example, the display area of different display screens or the different display areas of the same display screen.
According to the method, the spliced layers are obtained based on the at least one layer, the picture to be output of each layer is obtained based on the position mapping relation between the layers and the spliced layers and the picture displayed by the spliced layers, so that the picture to be output is output to the corresponding display area for picture display through the output interface based on the interface mapping relation between the layers and the output interface, and the picture display can be realized by dividing and outputting a complete picture to different LED display screens.
In one embodiment of the present invention, step S11 includes, for example: creating and displaying each layer on an operation interface based on user input information, wherein the user input information comprises: the position information and the layer size of each layer.
Specifically, the position information is, for example, coordinates of a start point of the layer, and the position information is, for example, coordinates of an upper left corner of the layer. The layer size is, for example, the width of the layer and the length of the layer.
For example, the operation interface is provided with a layer information input box, and a user can input the position information and the layer size of the layer through the layer information input box, so that the creation of the layer is completed; or the layer information input box is provided with initial position information and initial layer size, and a user can modify the initial position information and the initial layer size to complete the creation of the layer; or the user can input the layer size of the layer through the layer information input box, and then the mouse clicks the operation interface, so that the position information of the layer is set; or the layer information input box is provided with initial position information, and the initial position of the layer is displayed on the operation interface, so that a user can modify the initial position information and move the layer to change the initial position, and the creation of the layer is completed; or the operation interface displays a default layer, and the user can operate the default layer, pull the default layer to change the layer size and move the default layer to change the position information, so as to create a new layer. It should be noted that the present embodiment is not limited to how the user input information is obtained to create the layer, and the foregoing examples are only for better understanding of the present embodiment.
By creating the layers based on the user input information, free creation of the layers can be achieved, the mode of creating the layers is flexible, and user experience is further improved.
In one embodiment of the present invention, step S13 includes, for example: acquiring the position information and the layer size of each layer; and determining a union region of the at least one layer based on the position information and the layer size of each layer, so that the union region is used as the spliced layer and is displayed on the operation interface.
The union region mentioned herein may be understood as a circumscribed rectangular region of at least one layer, that is, a size of the spliced layer is the same as a size of the circumscribed rectangular region, however, in other embodiments of the present invention, the size of the spliced layer may be larger than the size of the union region, and only a portion of the spliced layer larger than the union region may not output a display, so that a data processing speed may be reduced during data processing.
The union region of at least one layer is used as a spliced layer, so that each layer is ensured to be inside the spliced layer, and the data processing speed of the later stage can be increased.
In one embodiment of the present invention, before step S15, the image display method 10 further includes, for example: and acquiring the relative position information of each layer and the spliced layer, and taking the relative position information and the layer size as the corresponding position mapping relation.
Specifically, the relative position information is, for example, relative coordinates, and since each layer is located inside the spliced layer, there is one relative position information for each layer with respect to the spliced layer, for example, coordinates of an upper left corner of the spliced layer are taken as starting point coordinates, and a difference between the coordinates of the upper left corner of each layer and the coordinates of the upper left corner of the spliced layer is taken as the relative position information.
The relative position information and the layer size are used as the position mapping relation, so that the picture to be output can be accurately acquired later.
In one embodiment of the present invention, step S15 includes, for example: determining a picture area corresponding to the picture layer from the picture based on the position mapping relation, so as to display the picture area in the picture layer as the picture to be output of the picture layer; the size of the picture is the same as the size of the spliced layer, and the size of the picture area is the same as the layer size of the layer.
The sizes of the picture and the spliced layer are set to be the same, and the size of the picture area and the size of the layer are set to be the same, so that the picture is completely displayed in the spliced layer, the picture to be output is completely displayed in the layer, the complicated operation that a user needs to manually adjust when the picture is incompletely displayed in the corresponding layer is avoided, and the operation can be further simplified.
In one embodiment of the present invention, before step S17, the image display method 10 further includes, for example:
displaying each layer and an interface frame corresponding to each output interface on an operation interface;
responding to user operation to move the image layer to intersect the corresponding interface image frame to obtain an intersecting region, so that region position information and region size of the intersecting region relative to the corresponding interface image frame are used as the interface mapping relation between the image layer and the corresponding output interface;
the frame size of the interface frame is the same as the load size of the output interface, and the layer size of the layer is the same as the size of the corresponding display area.
Specifically, the region position information mentioned is, for example, the relative coordinates of the intersecting region with respect to the interface frame, and the region size includes, for example, the width and length of the intersecting region.
By displaying the image layer and the interface frame on the operation interface, responding to the user operation and taking the intersection area of the image layer and the interface frame as the interface mapping relation, the relation between the image layer and the output interface is built in a simple and easily understood mode, the operation is very flexible, and the user experience is further improved.
In one embodiment of the present invention, step S17 includes, for example: and determining a corresponding picture to be displayed from the pictures to be output of the layer based on the interface mapping relation between the layer and the corresponding output interface, so that the pictures to be displayed are output to the corresponding display area through the corresponding output interface.
It is understood that the frame output from the output interface is a frame to be displayed, where the frame to be displayed may be all of the frame to be output, or may be a portion of the frame to be output that is intercepted based on the receiving mapping relationship.
In one embodiment of the present invention, the aforementioned region has the same size as the layer, i.e. the intersection region is the corresponding layer, so that the complete output of the picture to be output can be ensured.
The image display method disclosed in one embodiment of the present invention is specifically exemplified in the following with reference to fig. 2a to 2 f.
As shown in fig. 2a, the user creates three layers at the operation interface (UI interface): layer a, layer B, and layer C. Specifically, the user sets the position information and layer size RectA (x 1, y1, w1, h 1) of layer a, creating layer a; setting position information of a layer B and a layer size RectB (x 2, y2, w2, h 2) by a user, and creating the layer B; and the user sets the position information and the layer size Rectc (x 3, y3, w3, h 3) of the layer C to create the layer C; the operation interface displays the created layers A, B and C. Where x and y represent position information, i.e. coordinates of a starting point of the layer at the operation interface, for example coordinates of an upper left corner, and w and h represent layer sizes, i.e. width and length of the layer. Here, the layer is taken as an example of rectangle, but the embodiment is not limited to the specific shape of the layer, and other shapes may be used, such as a circle, an irregular pattern, and the like.
As shown in fig. 2B, layer size and position information of the layer a, the layer B and the layer C are acquired, a union region is determined based on the layer size and position information of the layer a, the layer B and the layer C, the union region is taken as a spliced layer D, the position information and the size of the spliced layer D are RectD (x 4, y4, w4, h 4), wherein the RectD of the spliced layer D is calculated as follows:operator->By merging two regions, it is understood that the region of the union of the layers a, B, and C is referred to herein as the stitched layer D, i.e., the size of the stitched layer D is equal to the size of the region of the union of the layers a, B, and C, i.e., the size of the bounding rectangle.
As shown in fig. 2c, the picture is played in the spliced layer D, where it is understood that the size of the picture is the same as the size of the spliced layer D, and when the size of the introduced picture is different from the size of the spliced layer D, the picture may be scaled so that the size of the picture is the same as the size of the spliced layer D.
As shown in fig. 2D, a picture to be output of the layer a is obtained based on the position mapping relationship between the layer a and the spliced layer D and the picture displayed by the spliced layer D, a picture to be output of the layer B is obtained based on the position mapping relationship between the layer B and the spliced layer D and the picture displayed by the spliced layer D, and a picture to be output of the layer C is obtained based on the position mapping relationship between the layer C and the spliced layer D and the picture displayed by the spliced layer C.
Specifically, the relative position information of the layer a, the layer B and the layer C in the spliced layer D is obtained, and the relative position information and the layer size are used as the position mapping relationship, where the relative position information of the layer a in the spliced layer D is, for example: x1 '=x1-x 4, y1' =y1-y 4, so that the position mapping relationship between the layer a and the spliced layer D is SRectA (x 1', y1', w1, h 1), the position mapping relationship between the layer B and the layer C and the spliced layer D is SRectB (x 2', y2', w2, h 2) and SRectC (x 3', y3', w3, h 3), respectively, which is mentioned here, the calculation of the above-mentioned relative position information takes the starting point coordinates of the layer a and the spliced layer D as positive numbers, and the quadrant origin is at the upper left corner as an example.
Then, the display area corresponding to the layer a is determined from the pictures displayed by the spliced layer D based on the position mapping relation SRectA, that is, the display area is the picture area corresponding to the area occupied by the layer a in the spliced layer D, and the display area is displayed in the layer a as the picture to be output. The layer B and the layer C are the same, so that the picture to be output of the layer A, the picture to be output of the layer B and the picture to be output of the layer C can be obtained.
As shown in fig. 2e, an interface mapping relationship between the layer a and the corresponding output interface K1, an interface mapping relationship between the layer B and the corresponding output interface K2, and an interface mapping relationship between the layer C and the corresponding output interface K1 are created.
Specifically, an interface frame corresponding to the output interface K1 and an interface frame corresponding to the output interface K2 are displayed on the operation interface, wherein the size and the load of the interface frame are largerThe same applies to the operation interface operation by the user to move the layer a to the interface frame corresponding to the output interface K1 to obtain the first intersection region, where the relative coordinates of the first intersection region with respect to the interface frame corresponding to the output interface K1 are used as the region position information (x 5', y 5'), and the starting point coordinates of the interface frame corresponding to the output interface K1 are, for example, (x) k1 ,y k1 ) The starting point coordinates of the first intersection region in the coordinate system where the interface frame is located are (x 5, y 5), and therefore, the region position information is: x5' =x5-x k1 ，y5’＝y5-y k1 . The area size of the first intersection area is (w 5', h 5'), so that an interface mapping relation ORect A (x 5', y5', w5', h 5') of the layer A and the output interface K1 can be obtained. Similarly, moving the layer B to the interface frame corresponding to the output interface K2 to obtain a second intersection region, and moving the layer C to the interface frame corresponding to the output interface K1 to obtain a third intersection region, where the starting point coordinates of the interface frame corresponding to the output interface K2 are, for example, (x) k2 ,y k2 ) The starting point coordinates of the second intersection region in the coordinate system of the interface frame are (x 6, y 6), so the region position information of the second intersection region relative to the interface frame is: x6' =x6-x k2 ，y6’＝y6-y k2 The area size of the second intersection area is (w 6', h 6'), so as to obtain an interface mapping relation ORectB (x 6', y6', w6', h 6') of the layer B and the output interface K2, the starting point coordinate of the third intersection area under the coordinate system where the interface frame is located is (x 7, y 7), and therefore the area position information of the third intersection area relative to the interface frame is: x7' =x7-x k1 ，y7’＝y7-y k1 The area size of the third intersection area is (w 7', h 7'), so that an interface mapping relation ORectC (x 7', y7', w7', h 7') of the image layer C and the output interface K1 is obtained.
Further, as shown in fig. 2e, for example, the area size (w 5', h 5') of the first intersection area is equal to the layer size (w 1, h 1) of the layer a, the area size (w 6', h 6') of the second intersection area is equal to the layer size (w 2, h 2) of the layer B, and the area size (w 7', h 7') of the third intersection area is equal to the layer size (w 3, h 3) of the layer C, that is, the to-be-output pictures of the layer a, the layer B and the layer C are all output and displayed, the layer a is located at the left side of the interface frame corresponding to the output interface K1, the layer C is located at the right side of the interface frame corresponding to the output interface K1, and the layer B is full of the interface frame corresponding to the output interface K2.
And finally, outputting the pictures to be output of the layers A, B and C to the corresponding display areas through the corresponding output interfaces based on the interface mapping relation of the layers A, B and C and the output interfaces K1 and K2 for picture display.
Specifically, as shown in fig. 2f, the output interface K1 carries the LED display screen A1 and the LED display screen A3, the output interface K2 carries the LED display screen A2, the image to be output of the layer a is output to the LED display screen A1 for image display based on the interface mapping relation orect a (x 5', y5', w5', h 5') via the output interface K1, the image to be output of the layer B is output to the LED display screen A2 for image display based on the interface mapping relation orect B (x 6', y6', w6', h 6') via the output interface K2, and the image to be output of the layer C is output to the LED display screen A3 for image display based on the interface mapping relation orect (x 7', y7', w7', h 7') via the output interface K1.
Further, as shown in fig. 3, an embodiment of the present invention discloses an image display apparatus 30, for example, including: the layer creation module 31, the splice layer generation module 33, the picture generation module 35, and the output display module 37.
Wherein the layer creation module 31 is configured to create at least one layer. The spliced layer generating module 33 is configured to obtain spliced layers based on the at least one layer, where each layer of the at least one layer is located inside the spliced layer. The picture generation module 35 is configured to obtain a picture to be output of each layer based on a position mapping relationship between each layer and the spliced layer, and a picture displayed by the spliced layer. The output display module 37 is configured to output the to-be-output frame of the layer to a corresponding display area via a corresponding output interface for frame display based on an interface mapping relationship between the at least one layer and at least one output interface.
Further, the layer creation module 31 is specifically configured to create and display each layer on the operation interface based on user input information, where the user input information includes: the position information and the layer size of each layer.
Further, the splice layer generating module 33 is specifically configured to: acquiring the position information and the layer size of each layer; and determining a union region of the at least one layer based on the position information and the layer size of each layer, so as to take the union region as the spliced layer and display the spliced layer on the operation interface.
Further, the image display apparatus 30 further includes a position mapping relationship obtaining module, configured to obtain relative position information of each layer and the spliced layer, and take the relative position information and the layer size as the corresponding position mapping relationship.
Further, the picture generation module 35 is specifically configured to: determining a picture area corresponding to the picture layer from the picture based on the position mapping relation, so as to display the picture area in the picture layer as the picture to be output of the picture layer; the size of the picture is the same as the size of the spliced layer, and the size of the picture area is the same as the layer size of the layer.
Further, the image display device 30 further includes, for example: the interface mapping relation acquisition module is used for displaying each layer and an interface frame corresponding to each output interface on an operation interface; responding to user operation to move the image layer to intersect the corresponding interface image frame to obtain an intersecting region, so that region position information and region size of the intersecting region relative to the corresponding interface image frame are used as the interface mapping relation between the image layer and the corresponding output interface; the frame size of the interface frame is the same as the load size of the output interface, and the layer size of the layer is the same as the size of the corresponding display area.
Further, the region size is the same as the layer size.
Further, the output display module 37 specifically functions to: and determining a corresponding picture to be displayed from the pictures to be output of the layer based on the interface mapping relation between the layer and the corresponding output interface, so that the pictures to be displayed are output to the corresponding display area through the corresponding output interface.
The image display method implemented by the image display device 30 according to the present embodiment is as described in the foregoing embodiment, and therefore will not be described in detail here. Alternatively, each module in the present embodiment and the other operations or functions described above are respectively for realizing the method in the foregoing embodiment.
Further, as shown in fig. 4, an embodiment of the present invention discloses an image display system 50, for example, including: a processor 53 and a memory 51 connected to the processor 53; wherein the memory 51 stores instructions that are executed by the processor 53 and which cause the processor 53 to perform operations to perform the image display method disclosed in the foregoing embodiment.
Further, as shown in FIG. 5, one embodiment of the present invention discloses a computer-readable storage medium 70. The computer-readable storage medium 70 is, for example, a nonvolatile memory, such as: magnetic media (e.g., hard disk, floppy disk, and magnetic strips), optical media (e.g., CDROM disks and DVDs), magneto-optical media (e.g., optical disks), and hardware devices that are specially constructed for storing and performing computer-executable instructions (e.g., read-only memory (ROM), random Access Memory (RAM), flash memory, etc.). The computer-readable storage medium 70 has stored thereon a computer program 71. The computer-readable storage medium 70 may be used to execute the computer program 71 by one or more processors or processing means to implement the image display method in the foregoing embodiments.
In summary, in the above embodiment, by creating at least one layer, obtaining a spliced layer based on the at least one layer, and obtaining the to-be-output picture of each layer based on the position mapping relationship between the layer and the spliced layer and the picture displayed by the spliced layer, the to-be-output picture is output to the corresponding display area via the output interface based on the interface mapping relationship between the layer and the output interface for picture display, so that a complete picture can be split and output to different display screens for picture display, and the picture displayed by the display area can be selected freely.
In addition, it should be understood that the foregoing embodiments are merely exemplary illustrations of the present invention, and the technical solutions of the embodiments may be arbitrarily combined and matched without conflict in technical features, contradiction in structure, and departure from the purpose of the present invention.
In the several embodiments provided in the present invention, it should be understood that the disclosed systems, devices, and methods may be implemented in other manners. For example, the apparatus embodiments described above are merely illustrative, e.g., the partitioning of elements is merely a logical functional partitioning, and there may be additional partitioning in actual implementation, e.g., multiple elements or components may be combined or integrated into another system, or some features may be omitted, or not implemented. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, which may be in electrical, mechanical or other form.
The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
In addition, each functional unit/module in the embodiments of the present invention may be integrated in one processing unit/module, or each unit/module may exist alone physically, or two or more units/modules may be integrated in one unit/module. The integrated units/modules may be implemented in hardware or in hardware plus software functional units/modules.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present invention, and are not limiting; although the invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention.
Claims (9)
1. An image display method, comprising:
creating at least one layer;
obtaining a spliced layer based on the at least one layer, wherein each layer in the at least one layer is positioned inside the spliced layer;
obtaining a picture to be output of each layer based on the position mapping relation between each layer and the spliced layer and the picture displayed by the spliced layer;
displaying each layer and an interface frame corresponding to each output interface on an operation interface;
responding to user operation to move the image layer to intersect with the corresponding interface image frame to obtain an intersecting region, so that region position information and region size of the intersecting region relative to the corresponding interface image frame are used as interface mapping relations between the image layer and the corresponding output interfaces; the frame size of the interface frame is the same as the load size of the output interface, and the layer size of the layer is the same as the size of the corresponding display area; and
outputting the picture to be output of the picture layer to a corresponding display area for picture display through the corresponding output interface based on the interface mapping relation between the at least one picture layer and the at least one output interface.
2. The image display method according to claim 1, wherein the creating at least one layer includes:
creating and displaying each layer on an operation interface based on user input information, wherein the user input information comprises: the position information and the layer size of each layer.
3. The image display method according to claim 2, wherein the obtaining a stitched layer based on the at least one layer includes:
acquiring the position information and the layer size of each layer; and
and determining a union region of the at least one layer based on the position information and the layer size of each layer, so that the union region is used as the spliced layer and is displayed on the operation interface.
4. The image display method according to claim 1, further comprising, before the obtaining the picture to be output for each layer based on the positional mapping relationship between each layer and the stitched layer and the picture displayed by the stitched layer:
and acquiring the relative position information of each layer and the spliced layer, and taking the relative position information and the layer size as the corresponding position mapping relation.
5. The method according to claim 1, wherein the obtaining the picture to be output for each layer based on the positional mapping relationship between each layer and the spliced layer and the picture displayed by the spliced layer includes:
determining a picture area corresponding to the picture layer from the picture based on the position mapping relation, so as to display the picture area in the picture layer as the picture to be output of the picture layer;
the size of the picture is the same as the size of the spliced layer, and the size of the picture area is the same as the layer size of the layer.
6. The image display method according to claim 1, wherein the region size is the same as the layer size.
7. The image display method according to claim 1, wherein outputting the to-be-output picture of the layer to a corresponding display area via a corresponding output interface for picture display based on an interface mapping relationship of the at least one layer and at least one output interface, comprises:
and determining a corresponding picture to be displayed from the pictures to be output of the layer based on the interface mapping relation between the layer and the corresponding output interface, so that the pictures to be displayed are output to the corresponding display area through the corresponding output interface.
8. An image display device for performing the image display method according to any one of claims 1 to 7, comprising:
the layer creation module is used for creating at least one layer;
the spliced layer generation module is used for obtaining spliced layers based on the at least one layer, wherein each layer in the at least one layer is positioned inside the spliced layer;
the picture generation module is used for obtaining pictures to be output of each picture layer based on the position mapping relation between each picture layer and the spliced picture layer and the pictures displayed by the spliced picture layer;
the interface mapping relation acquisition module is used for displaying each layer and an interface frame corresponding to each output interface on an operation interface; responding to user operation to move the image layer to intersect the corresponding interface image frame to obtain an intersecting region, so that region position information and region size of the intersecting region relative to the corresponding interface image frame are used as the interface mapping relation between the image layer and the corresponding output interface; the frame size of the interface frame is the same as the load size of the output interface, and the layer size of the layer is the same as the size of the corresponding display area; and
and the output display module is used for outputting the picture to be output of the picture layer to a corresponding display area for picture display through the corresponding output interface based on the interface mapping relation between the at least one picture layer and the at least one output interface.
9. An image display system, comprising: a processor and a memory coupled to the processor; wherein the memory stores instructions for execution by the processor and the instructions cause the processor to perform operations to perform the image display method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110317606.8A CN113094010B (en) | 2021-03-23 | 2021-03-23 | Image display method, device and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110317606.8A CN113094010B (en) | 2021-03-23 | 2021-03-23 | Image display method, device and system |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113094010A CN113094010A (en) | 2021-07-09 |
| CN113094010B true CN113094010B (en) | 2024-04-05 |
Family
ID=76669612
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110317606.8A Active CN113094010B (en) | 2021-03-23 | 2021-03-23 | Image display method, device and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113094010B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113724543B (en) * | 2021-08-27 | 2024-02-06 | 读书郎教育科技有限公司 | System and method for training of looking at picture and writing |
| CN115052113A (en) * | 2022-06-16 | 2022-09-13 | 广州博冠信息科技有限公司 | Video merging display method and device, storage medium and electronic equipment |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2015014815A (en) * | 2011-11-07 | 2015-01-22 | パナソニック株式会社 | Electronic equipment, display system, display control method and display control program |
| CN109933299A (en) * | 2019-02-21 | 2019-06-25 | 广州视源电子科技股份有限公司 | Tiled display method, electronic device and computer-readable storage medium |
| CN109992226A (en) * | 2017-12-29 | 2019-07-09 | 浙江宇视科技有限公司 | Image display method and device and spliced display screen |
| CN111124337A (en) * | 2019-12-17 | 2020-05-08 | 西安万像电子科技有限公司 | Image display method and system |
| CN111263208A (en) * | 2018-11-30 | 2020-06-09 | 杭州海康威视数字技术股份有限公司 | Picture synthesis method and device, electronic equipment and storage medium |
| CN111309429A (en) * | 2020-02-26 | 2020-06-19 | 维沃移动通信有限公司 | Display method and electronic equipment |
| CN112102162A (en) * | 2020-08-04 | 2020-12-18 | 西安万像电子科技有限公司 | Image display method, image display device, server and storage medium |
-
2021
- 2021-03-23 CN CN202110317606.8A patent/CN113094010B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2015014815A (en) * | 2011-11-07 | 2015-01-22 | パナソニック株式会社 | Electronic equipment, display system, display control method and display control program |
| CN109992226A (en) * | 2017-12-29 | 2019-07-09 | 浙江宇视科技有限公司 | Image display method and device and spliced display screen |
| CN111263208A (en) * | 2018-11-30 | 2020-06-09 | 杭州海康威视数字技术股份有限公司 | Picture synthesis method and device, electronic equipment and storage medium |
| CN109933299A (en) * | 2019-02-21 | 2019-06-25 | 广州视源电子科技股份有限公司 | Tiled display method, electronic device and computer-readable storage medium |
| CN111124337A (en) * | 2019-12-17 | 2020-05-08 | 西安万像电子科技有限公司 | Image display method and system |
| CN111309429A (en) * | 2020-02-26 | 2020-06-19 | 维沃移动通信有限公司 | Display method and electronic equipment |
| CN112102162A (en) * | 2020-08-04 | 2020-12-18 | 西安万像电子科技有限公司 | Image display method, image display device, server and storage medium |
Non-Patent Citations (2)
| Title |
|---|
| A_Time-Split_Simulation_Method_for_Dynamic_False_Contours_of_Motion_Images_in_Color_Plasma_Display_Panel;Wei Wei;《2010 WASE International Conference on Information Engineering》;第145-148页 * |
| 基于FPGA的图像叠加和跨屏拼接融合方法;万权;李少甫;;液晶与显示(第10期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113094010A (en) | 2021-07-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113094010B (en) | Image display method, device and system | |
| US7742061B2 (en) | Method and related apparatus for image processing | |
| CN110989878B (en) | Animation display method and device in applet, electronic equipment and storage medium | |
| CN103268628B (en) | Virtual surface renders | |
| US20110164065A1 (en) | Method And Apparatus For Configuring Display Bezel Compensation For A Single Large Surface Display Formed By A Plurality Of Displays | |
| KR20180051288A (en) | Display apparatus and control method thereof | |
| WO2020001234A1 (en) | Folder icon display method, system, readable storage medium and terminal | |
| JP6230076B2 (en) | Virtual surface assignment | |
| JP6281245B2 (en) | Information processing apparatus, display enlargement method, and computer program | |
| CN111435277A (en) | Method, device, terminal and storage medium for displaying content | |
| CN113645369B (en) | Method and device for displaying multiple screens, computer readable storage medium and terminal | |
| JP2004102343A (en) | Screen display processing device and method, and computer program | |
| CN111857521B (en) | Multi-device management method and device and integrated display control system | |
| CN110264543B (en) | Frame drawing method and device of spliced picture and storage medium | |
| WO2023169316A1 (en) | User interface framework-based processing method and apparatus, device, and medium | |
| CN115081384B (en) | EDA-based data dynamic visualization system | |
| CN114356264B (en) | Signal generation method, device, equipment and readable storage medium | |
| CN112540735A (en) | Multi-screen synchronous display method, device and system and computer storage medium | |
| CN115543244A (en) | Multi-screen splicing method and device, electronic equipment and storage medium | |
| CN114489553B (en) | Special effect switching method, special effect switching device and plug-in card type video processing equipment | |
| CN114995706A (en) | Element display method, device, equipment and storage medium | |
| CN114677278A (en) | Pathological section image splicing method, device, equipment and storage medium | |
| CN114627225A (en) | Method and device for rendering graphics and storage medium | |
| JP3517119B2 (en) | Computer-aided design apparatus, computer-aided design method, and computer-readable recording medium recording computer-aided design program | |
| CN113132556B (en) | Video processing method, device and system and video processing equipment |
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 |