CN111435527A - Page picture display method and device, storage medium and electronic equipment - Google Patents
Page picture display method and device, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN111435527A CN111435527A CN201910026495.8A CN201910026495A CN111435527A CN 111435527 A CN111435527 A CN 111435527A CN 201910026495 A CN201910026495 A CN 201910026495A CN 111435527 A CN111435527 A CN 111435527A
- Authority
- CN
- China
- Prior art keywords
- picture
- sub
- display
- page
- pictures
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000012545 processing Methods 0.000 claims description 43
- 238000004590 computer program Methods 0.000 claims description 10
- 238000006731 degradation reaction Methods 0.000 description 19
- 230000015556 catabolic process Effects 0.000 description 18
- 238000013461 design Methods 0.000 description 15
- 238000005516 engineering process Methods 0.000 description 12
- 230000008569 process Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 6
- 208000019901 Anxiety disease Diseases 0.000 description 3
- 230000036506 anxiety Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 239000000969 carrier Substances 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000004904 shortening Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
- G06T3/4038—Image mosaicing, e.g. composing plane images from plane sub-images
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
The invention provides a page picture display method and device, a storage medium and electronic equipment. The page picture display method provided by the embodiment of the invention comprises the following steps: firstly, receiving a picture set, wherein the picture set is a set of all sub-pictures obtained after an original picture is cut, a first picture subset in the picture set is combined into an original picture, a second picture subset in the picture set is combined into a degraded picture, then, all the sub-pictures in the picture set are spliced according to the position cutting parameters of each sub-picture in the picture set to form a display picture, and finally, the display picture is displayed in a current page. The page picture display method provided by the invention can shorten the loading time when the picture in the page is requested to be loaded, and effectively relieve the page display delay or the pause.
Description
Technical Field
The present invention relates to the field of image processing technologies, and in particular, to a method and an apparatus for displaying a page image, a storage medium, and an electronic device.
Background
In the internet information era today, people obtain information in large quantities through networks, wherein pictures are one of the main carriers of information, and with the improvement of display resolution and processing capacity of display cards, the quality of pictures is higher and higher, and the size of the pictures are also increasing continuously.
At present, a higher requirement is also imposed on the loading speed of a picture by a larger size and a higher quality, a conventional picture is usually a complete rectangular body, and when the picture is displayed in a page, data of the whole picture needs to be loaded, for example, when a large picture with a size of 2 megabytes needs to be loaded on the page, a client needs to load the data before the data is displayed.
Therefore, when a large picture is displayed on a page, the page display is delayed or jammed easily due to the slow loading speed, and further the user experience is influenced.
Disclosure of Invention
The invention provides a page picture display method, a page picture display device, a storage medium and electronic equipment, which are used for shortening the loading time of pictures in a page and effectively relieving page display delay or pause.
In a first aspect, an embodiment of the present invention provides a method for displaying a page picture, including:
receiving a picture set, wherein the picture set is a set of all sub-pictures obtained after an original picture is cut, a first picture subset in the picture set is combined into an original picture, and a second picture subset in the picture set is combined into a degraded picture;
splicing all the sub-pictures in the picture set according to the position clipping parameter of each sub-picture in the picture set to form a display picture;
and displaying the display picture in the current page.
In one possible design, the receiving a set of pictures includes:
and receiving the sub-pictures sent by each server in the picture server set in parallel.
In one possible design, each server stores a sub-picture.
In one possible design, the splicing all sub-pictures in the picture set according to the position clipping parameter of each sub-picture in the picture set to form a display picture includes:
acquiring a position clipping parameter of each sub-picture according to an access address corresponding to each sub-picture;
and carrying out picture splicing on all the sub-pictures in the picture set according to the position clipping parameter of each sub-picture to form the display picture.
In one possible design, the position cropping parameter includes a trajectory parameter between any two adjacent sub-pictures in the picture set, so that each sub-picture forms a first shape.
In one possible design, the displaying the presentation picture in the current page includes:
acquiring animation display data, wherein the animation display data comprises display animation data of each sub-picture in the picture set;
and dynamically displaying each sub-picture in the picture set according to the animation display data.
In a second aspect, an embodiment of the present invention further provides a page picture display device, including:
the image processing device comprises a receiving module, a processing module and a processing module, wherein the receiving module is used for receiving an image set, and the image set is a set of all sub-images obtained after an original image is cut, wherein a first image subset in the image set is combined into an original image, and a second image subset in the image set is combined into a degraded image;
the processing module is used for splicing all the sub-pictures in the picture set according to the position cutting parameter of each sub-picture in the picture set to form a display picture;
and the display module is used for displaying the display picture in the current page.
In one possible design, the receiving module is specifically configured to:
and receiving the sub-pictures sent by each server in the picture server set in parallel.
In one possible design, each server stores a sub-picture.
In one possible design, the processing module is specifically configured to:
acquiring a position clipping parameter of each sub-picture according to an access address corresponding to each sub-picture;
and carrying out picture splicing on all the sub-pictures in the picture set according to the position clipping parameter of each sub-picture to form the display picture.
In one possible design, the position cropping parameter includes a trajectory parameter between any two adjacent sub-pictures in the picture set, so that each sub-picture forms a first shape.
In one possible design, the display module is specifically configured to:
acquiring animation display data, wherein the animation display data comprises display animation data of each sub-picture in the picture set;
and dynamically displaying each sub-picture in the picture set according to the animation display data.
In a third aspect, an embodiment of the present invention further provides an electronic device, including:
a processor; and the number of the first and second groups,
a memory for storing executable instructions of the processor;
the display is connected with the processor and used for displaying the display pictures;
wherein the processor is configured to perform any one of the possible page picture display methods of the first aspect via execution of the executable instructions.
In a fourth aspect, an embodiment of the present invention further provides a storage medium, on which a computer program is stored, where the computer program is executed by a processor to implement any one of the possible page picture display methods in the first aspect.
According to the page picture display method, the page picture display device, the page picture display medium and the electronic equipment, the quality of part of sub-pictures in a received picture set is processed, all the sub-pictures in the set are spliced according to the position cutting parameters of each sub-picture in the picture set to form a display picture, and finally the display picture is displayed in a current page, so that one picture is split into a plurality of sub-pictures, and after targeted degradation processing is carried out on different areas, the display picture is generated by splicing, the size of the picture after local degradation is smaller than that of the picture before processing, and further, when the picture in the page is requested to be loaded, the loading time can be shortened, and the page display delay or blocking can be effectively relieved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.
Fig. 1 is a schematic diagram of an application scenario of a page picture display method according to an exemplary embodiment of the present invention;
fig. 2 is a schematic diagram illustrating another application scenario of a page picture display method according to an exemplary embodiment of the present invention;
FIG. 3 is a flowchart illustrating a method for displaying a page picture according to an exemplary embodiment of the invention;
FIG. 4 is a cropping process of the original picture in the embodiment of FIG. 3;
FIG. 5 is another cropping approach of the original picture in the embodiment of FIG. 3;
FIG. 6 is another cropping method of the original picture in the embodiment shown in FIG. 3;
FIG. 7 is a flowchart illustrating a page picture display method according to another example embodiment of the present invention;
fig. 8 is a schematic structural diagram illustrating a page picture display apparatus according to an exemplary embodiment of the present invention;
fig. 9 is a schematic structural diagram of an electronic device shown in accordance with an example embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
The terms "first," "second," "third," "fourth," and the like in the description and in the claims, as well as in the drawings, if any, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the invention described herein are capable of operation in sequences other than those illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
Fig. 1 is a schematic diagram of an application scenario of a page picture display method according to an exemplary embodiment of the present invention, and fig. 2 is a schematic diagram of another application scenario of a page picture display method according to an exemplary embodiment of the present invention. As shown in fig. 1-2, the page image display method provided in this embodiment may automatically crop the image to be displayed through the image processing server, and is mainly used for cropping a large image, for example, may be applied to crop a high-definition advertisement large image of a major page in kyoto, where such an image is usually large and some of the image may reach more than 2 megabytes. The cropping mode may be set according to the characteristics of the picture. After the picture processing server processes the picture, the generated sub-picture is stored in the storage server.
Since there is a region in which information is concentrated for each picture, for example, for some pictures, the main information is concentrated in the middle of the picture, and the main information of some pictures is concentrated on one side of the picture, then, in the picture set received by the page picture display device, a first picture subset is combined as an original picture, a second picture subset is combined as a degraded picture, wherein the main information of the first picture subset is concentrated, and the second picture subset is combined as another part, an original picture is split into a plurality of sub-pictures, and after performing targeted degradation processing on different regions, the display picture is generated by splicing, so that the size of the picture after local degradation is smaller than that of the picture before processing. Therefore, on the premise that the network conditions are the same, when the page picture display device requests the original picture, the loading time can be shortened, and the page display delay or the pause can be effectively relieved.
In addition, with continued reference to fig. 1-2, after the picture processing server processes the picture, the generated sub-pictures may be stored in different storage servers, where all the sub-pictures constitute a picture set, and the picture set is a set of all the sub-pictures obtained after the original picture is subjected to the cropping processing, for example, one original picture may be cropped into 6, 8, 9, and so on sub-pictures, and the size of each sub-picture may be smaller than that of the original picture. Then, when the page picture display device requests the original picture, the sub-pictures are received in parallel from different storage servers. Obviously, under the premise of the same network conditions, the time for completing the picture display from a plurality of storage servers in parallel depends on the time for completing the received sub-picture finally, but the time required for completing the picture display is obviously shorter than the time required for directly receiving the whole original picture from one storage server.
Fig. 3 is a flowchart illustrating a page picture display method according to an example embodiment of the present invention. As shown in fig. 3, the page picture display method provided by this embodiment includes:
Specifically, the method of the present embodiment may be executed by a page image display device, which may be an electronic device having data processing and display functions, such as a smart phone, a tablet computer, and a personal computer. When the page picture display device loads a page, for example, when the kyoto homepage is loaded, the clipped picture set is loaded from the server. Specifically, the picture set is a set of all sub-pictures obtained after the original picture is cropped, wherein a first picture subset in the picture set is combined into an original picture, and a second picture subset in the picture set is combined into a degraded picture.
Since for each picture there is an area where information is concentrated, for example, for some pictures, the main information is concentrated in the middle part of the picture, and the main information of some pictures is concentrated on one side of the picture, in the picture set received by the page picture display device, a first picture subset is combined as a primitive picture, and a second picture subset is combined as a degraded picture, wherein the main information of the first picture subset is concentrated in the position, and the second picture subset is combined as the other part. Fig. 4 is a cropping processing manner of the original picture in the embodiment shown in fig. 3, as shown in fig. 4, the original picture may be cropped into six rectangular sub-pictures, and then, the sub-pictures corresponding to the left regions 1, 4 and the right regions 3, 6 on both sides may be subjected to a quality degradation processing, while the sub-pictures corresponding to the middle regions 2, 5 remain original, i.e., a two-side quality degradation manner. Fig. 5 is another cropping processing manner of the original picture in the embodiment shown in fig. 3, as shown in fig. 5, the original picture may be cropped into 4 sub-pictures which are diagonally inclined along the picture, and then, the quality degradation processing is performed on the regions 1 and 4 on both sides of the diagonal, while the sub-pictures corresponding to the middle regions 2 and 3 remain the original, i.e., the diagonal quality degradation manner. Fig. 6 is still another cropping processing manner of the original picture in the embodiment shown in fig. 3, as shown in fig. 6, the original picture may be cropped into three rectangular sub-pictures, and then, the sub-pictures corresponding to the upper region 1 and the lower region 3 on both sides may be subjected to quality degradation processing, while the sub-picture corresponding to the middle region 2 remains the original, i.e., the upper and lower quality degradation manners. The specific cutting mode and the quality degradation mode can be carried out according to the specific characteristics of the picture, so that the size of the picture can be reduced while the quality of the main area is considered. It should be noted that the foregoing degradation manner is only an exemplary illustration, and in this embodiment, the original picture may be cut by any shape, and it is only necessary to ensure that the original picture can be formed after all the sub-pictures in the picture set are spliced.
It is known that the size of a picture is proportional to the picture quality, while a picture is not separable, and the degradation process thereof affects the whole picture. However, in one possible case, for a picture, the middle part is the main display area of information, which is also the focus of the user's vision, and the peripheral area is not so demanding on quality. After one picture is split into a plurality of sub-pictures, different degradation processing can be carried out on different areas, and therefore the pictures can be quickly loaded on the premise that the picture display effect is guaranteed.
In addition, in the existing page display technology, forms such as a fuzzy graph, a loading graph and a frame graph are used to reduce anxiety feeling of user waiting and improve user experience, but the picture loading speed is not really accelerated. Compared with the technology, the processing mode of local degradation adopted in the embodiment actually accelerates the picture loading speed, does not need to additionally process the fuzzy graph, the loading graph and the frame graph, and completely accelerates the picture loading speed from the aspect of changing the picture property.
Compared with the overall quality degradation processing mode for increasing the loading speed, the local quality degradation mode of the embodiment can also realize rapid loading of the picture on the premise of ensuring the picture display effect.
And 102, splicing all the sub-pictures in the set according to the position clipping parameters of each sub-picture in the picture set to form a display picture.
The method includes the steps that after a page picture is displayed and obtained to form a picture set, all sub-pictures in the picture set are spliced according to position clipping parameters of each sub-picture in the picture set to form a display picture, wherein the position clipping parameters include track parameters between any two adjacent sub-pictures in the picture set, so that each sub-picture forms a first shape, in the embodiment, the first shape can be any closed shape, specific limitation is not imposed, and the sub-picture splicing technology can be implemented by adopting HTM L and CSS positioning technologies, which are conventional ways in the existing page display technology, and is not repeated in the embodiment.
And 103, displaying the display picture in the current page.
After the display picture is generated, the display picture is displayed in the current page.
In this embodiment, a part of sub-pictures in a received picture set are subjected to quality processing, all the sub-pictures in the set are spliced to form a display picture according to a position clipping parameter of each sub-picture in the picture set, and finally, the display picture is displayed in a current page, so that the display picture is generated by splitting one picture into a plurality of sub-pictures and splicing after performing targeted quality degradation processing on different regions, and the size of the picture after local quality degradation is smaller than that of the picture before processing, so that when the picture in the page is requested to be loaded, the loading time can be shortened, and the page display delay or jam can be effectively relieved.
Fig. 7 is a flowchart illustrating a page picture display method according to another exemplary embodiment of the present invention. As shown in fig. 7, the method for displaying a page picture provided by this embodiment includes:
Specifically, the method of the present embodiment may be executed by a page image display device, which may be an electronic device having data processing and display functions, such as a smart phone, a tablet computer, and a personal computer. When the page picture display device loads a page, for example, when the kyoto homepage is loaded, the clipped picture set is loaded from the server. Specifically, the picture set is a set of all sub-pictures obtained after the original picture is cropped, wherein a first picture subset in the picture set is combined into an original picture, and a second picture subset in the picture set is combined into a degraded picture.
For the receiving manner of the sub-pictures in the picture set, a parallel receiving manner may be adopted, that is, the sub-pictures sent by each server in the picture server set are received in parallel, and in one possibility, each server stores one sub-picture. After the picture processing server processes the picture, the generated sub-pictures may also be stored in different storage servers, where all the sub-pictures constitute a picture set, and the picture set is a set of all the sub-pictures obtained after the original picture is subjected to the cropping processing, for example, one original picture may be cropped into 6, 8, 9, and so on sub-pictures, and the size of each sub-picture may be smaller than that of the original picture. Then, when the page picture display device requests the original picture, the sub-pictures are received in parallel from different storage servers. Obviously, under the premise of the same network conditions, the time for completing the picture display from a plurality of storage servers in parallel depends on the time for completing the received sub-picture finally, but the time required for completing the picture display is obviously shorter than the time required for directly receiving the whole original picture from one storage server.
The method comprises the steps of splitting a large image (such as more than 2M) into a plurality of sub-images, dispersing the sub-images into different servers, and loading the small images in parallel by using a browser, so that the whole loading time is reduced, and for the parallel loading technology, an http2.0 multiplexing technology can be adopted, and specifically, the http2.0 multiplexing technology can simultaneously send requests and responses on the basis of sharing TCP connection.
And step 202, obtaining the position clipping parameters of each sub-picture according to the corresponding access address of each sub-picture.
It should be understood that the access address corresponding to each sub-picture may be a uniform resource locator address (UR L), specifically, the UR L address of the small picture is generated through the UR L of the large picture, and a cropping parameter, such as an origin of a rectangle, a cropping width and height, a path of an oblique line, is added after the UR L address of the large picture, and the cropping work is handed over to the picture processing server and returned to the page picture display device after being processed.
And step 203, splicing all the sub-pictures in the picture set according to the position clipping parameter of each sub-picture to form a display picture.
The method includes the steps that after a page picture is displayed and obtained to form a picture set, all sub-pictures in the picture set are spliced according to position clipping parameters of each sub-picture in the picture set to form a display picture, wherein the position clipping parameters include track parameters between any two adjacent sub-pictures in the picture set, so that each sub-picture forms a first shape, in the embodiment, the first shape can be any closed shape, specific limitation is not imposed, and the sub-picture splicing technology can be implemented by adopting HTM L and CSS positioning technologies, which are conventional ways in the existing page display technology, and is not repeated in the embodiment.
And step 204, acquiring animation display data.
In order to realize various dynamic effects by matching with different scenes, the interestingness and the user experience are further improved, and the anxiety of the user in waiting for the network is reduced. And corresponding animation effects can be increased when the display pictures are displayed. Specifically, the sequence of displaying the sub-pictures of the display data, the time length of the interval, the direction of the expansion of each sub-picture and the like are animated.
And step 205, dynamically displaying each sub-picture in the picture set according to the animation display data.
Specifically, after the animation display data is acquired, each sub-picture in the picture set is dynamically displayed according to the animation display data. For example, referring to fig. 4, a specific process of dynamically displaying each sub-picture in the picture set may be to display the sub-pictures corresponding to the left regions 1, 4 and the right regions 3, 6 first, and then gradually display the sub-pictures towards the middle until the sub-pictures corresponding to the middle regions 2, 5 are displayed. It should be noted that, in this embodiment, the manner of dynamically displaying the animation display data is not specifically limited, and the designer may select the animation display data according to a specific application scenario. In the embodiment, the picture is cut into the picture set firstly, so that the picture is not a complete picture any more, the possibility of increasing animation is provided for the split sub-pictures, various dynamic effects are realized by matching different scenes, interestingness and user experience are well improved, and anxiety of a user waiting for a network is reduced.
Fig. 8 is a flowchart illustrating a page picture display apparatus according to an example embodiment of the present invention. As shown in fig. 8, the page picture display device provided in this embodiment includes:
a receiving module 301, configured to receive a picture set, where the picture set is a set of all sub-pictures obtained after an original picture is cut, a first picture subset in the picture set is an original picture, and a second picture subset in the picture set is a degraded picture;
the processing module 302 is configured to splice all sub-pictures in the picture set according to the position clipping parameter of each sub-picture in the picture set to form a display picture;
a display module 303, configured to display the display picture in the current page.
In one possible design, the receiving module 301 is specifically configured to:
and receiving the sub-pictures sent by each server in the picture server set in parallel.
In one possible design, each server stores a sub-picture.
In one possible design, the processing module 302 is specifically configured to:
acquiring a position clipping parameter of each sub-picture according to an access address corresponding to each sub-picture;
and carrying out picture splicing on all the sub-pictures in the picture set according to the position clipping parameter of each sub-picture to form the display picture.
In one possible design, the position cropping parameter includes a trajectory parameter between any two adjacent sub-pictures in the picture set, so that each sub-picture forms a first shape.
In one possible design, the display module 303 is specifically configured to:
acquiring animation display data, wherein the animation display data comprises display animation data of each sub-picture in the picture set;
and dynamically displaying each sub-picture in the picture set according to the animation display data.
The above processing module 302 may be configured as one or more integrated circuits implementing the above methods, such as: one or more Application Specific Integrated Circuits (ASICs), or one or more microprocessors (DSPs), or one or more Field Programmable Gate Arrays (FPGAs), among others. For another example, when one of the above modules is implemented in the form of a processing element scheduler code, the processing element may be a general-purpose processor, such as a Central Processing Unit (CPU) or other processor capable of calling program code. For another example, these modules may be integrated together and implemented in the form of a system-on-a-chip (SOC).
It should be noted that the page image display apparatus provided in the embodiment shown in fig. 8 can be used to execute the page image display method provided in the embodiments shown in fig. 3 and fig. 7, and the specific implementation manner and the technical effect are similar, and are not described herein again.
Fig. 9 is a schematic structural diagram of an electronic device according to an embodiment of the present invention. As shown in fig. 9, the electronic device 40 provided in the present embodiment includes:
a processor 401;
a memory 402 for storing a computer program for the processor; and the number of the first and second groups,
a display 403 for displaying data and a game interface according to the control of the processor;
wherein the processor 401 is configured to implement the steps of the page picture display method provided by any implementation manner in the foregoing method embodiments by executing the computer program.
The present embodiment also provides a readable storage medium, in which a computer program is stored, and when at least one processor of the electronic device executes the computer program, the electronic device executes the methods provided by the above various embodiments.
The present embodiment also provides a program product comprising a computer program stored in a readable storage medium. The computer program can be read from a readable storage medium by at least one processor of the electronic device, and the execution of the computer program by the at least one processor causes the electronic device to implement the methods provided by the various embodiments described above.
Those of ordinary skill in the art will understand that: all or a portion of the steps of implementing the above-described method embodiments may be performed by hardware associated with program instructions. The program may be stored in a computer-readable storage medium. When executed, the program performs steps comprising the method embodiments described above; and the aforementioned storage medium includes: various media that can store program codes, such as ROM, RAM, magnetic or optical disks.
Finally, it should be noted that: the above embodiments are only used to illustrate the technical solution of the present invention, and not to limit the same; while the invention has been described in detail and with reference to the foregoing embodiments, it will be understood by those skilled in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present invention.
Claims (14)
1. A page picture display method is characterized by comprising the following steps:
receiving a picture set, wherein the picture set is a set of all sub-pictures obtained after an original picture is cut, a first picture subset in the picture set is combined into an original picture, and a second picture subset in the picture set is combined into a degraded picture;
splicing all the sub-pictures in the picture set according to the position clipping parameter of each sub-picture in the picture set to form a display picture;
and displaying the display picture in the current page.
2. The method for displaying page pictures according to claim 1, wherein said receiving a set of pictures comprises:
and receiving the sub-pictures sent by each server in the picture server set in parallel.
3. The method for displaying page pictures according to claim 2, wherein each of said servers stores a sub-picture.
4. The method for displaying page pictures according to claim 3, wherein the splicing all the sub-pictures in the picture set according to the position clipping parameter of each sub-picture in the picture set to form a display picture comprises:
acquiring a position clipping parameter of each sub-picture according to an access address corresponding to each sub-picture;
and carrying out picture splicing on all the sub-pictures in the picture set according to the position clipping parameter of each sub-picture to form the display picture.
5. The method for displaying page pictures according to claim 4, wherein the position cropping parameters comprise a trajectory parameter between any two adjacent sub-pictures in the picture set, so that each sub-picture forms a first shape.
6. The method for displaying page pictures according to any one of claims 1 to 5, wherein the displaying the presentation picture in the current page comprises:
acquiring animation display data, wherein the animation display data comprises display animation data of each sub-picture in the picture set;
and dynamically displaying each sub-picture in the picture set according to the animation display data.
7. A page picture display device, comprising:
the image processing device comprises a receiving module, a processing module and a processing module, wherein the receiving module is used for receiving an image set, and the image set is a set of all sub-images obtained after an original image is cut, wherein a first image subset in the image set is combined into an original image, and a second image subset in the image set is combined into a degraded image;
the processing module is used for splicing all the sub-pictures in the picture set according to the position cutting parameter of each sub-picture in the picture set to form a display picture;
and the display module is used for displaying the display picture in the current page.
8. The device for displaying a page picture according to claim 7, wherein the receiving module is specifically configured to:
and receiving the sub-pictures sent by each server in the picture server set in parallel.
9. The page picture display device according to claim 8, wherein each of said servers stores a sub-picture.
10. The device for displaying a page picture according to claim 9, wherein the processing module is specifically configured to:
acquiring a position clipping parameter of each sub-picture according to an access address corresponding to each sub-picture;
and carrying out picture splicing on all the sub-pictures in the picture set according to the position clipping parameter of each sub-picture to form the display picture.
11. The page picture display device according to claim 10, wherein the position cropping parameters comprise a trajectory parameter between any two adjacent sub-pictures in the picture set, so that each sub-picture forms the first shape.
12. The device for displaying a page picture according to any one of claims 7 to 11, wherein the display module is specifically configured to:
acquiring animation display data, wherein the animation display data comprises display animation data of each sub-picture in the picture set;
and dynamically displaying each sub-picture in the picture set according to the animation display data.
13. An electronic device, comprising:
a processor; and the number of the first and second groups,
a memory for storing executable instructions of the processor;
the display is connected with the processor and used for displaying the display pictures;
wherein the processor is configured to perform the page picture display method of any one of claims 1 to 6 via execution of the executable instructions.
14. A storage medium on which a computer program is stored, the program realizing the page picture display method according to any one of claims 1 to 6 when executed by a processor.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910026495.8A CN111435527A (en) | 2019-01-11 | 2019-01-11 | Page picture display method and device, storage medium and electronic equipment |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910026495.8A CN111435527A (en) | 2019-01-11 | 2019-01-11 | Page picture display method and device, storage medium and electronic equipment |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111435527A true CN111435527A (en) | 2020-07-21 |
Family
ID=71580339
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910026495.8A Pending CN111435527A (en) | 2019-01-11 | 2019-01-11 | Page picture display method and device, storage medium and electronic equipment |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111435527A (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112306339A (en) * | 2020-09-01 | 2021-02-02 | 北京沃东天骏信息技术有限公司 | Method and apparatus for displaying image |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104063424A (en) * | 2014-05-30 | 2014-09-24 | 小米科技有限责任公司 | Webpage picture displaying method and device |
CN104391890A (en) * | 2014-11-10 | 2015-03-04 | 广东欧珀移动通信有限公司 | Image loading method and system |
CN105335526A (en) * | 2015-12-04 | 2016-02-17 | 北京京东尚科信息技术有限公司 | Image loading method and device |
CN105451019A (en) * | 2015-11-25 | 2016-03-30 | 中国地质大学(武汉) | Image compression transmission method facing wireless video sensor network |
US20160284317A1 (en) * | 2015-03-24 | 2016-09-29 | Xinyu Xingbang Information Industry Co., Ltd. | Method, device and system for loading and displaying pictures |
CN106886549A (en) * | 2016-08-30 | 2017-06-23 | 阿里巴巴集团控股有限公司 | A kind of loading method of network picture, device and system |
-
2019
- 2019-01-11 CN CN201910026495.8A patent/CN111435527A/en active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104063424A (en) * | 2014-05-30 | 2014-09-24 | 小米科技有限责任公司 | Webpage picture displaying method and device |
CN104391890A (en) * | 2014-11-10 | 2015-03-04 | 广东欧珀移动通信有限公司 | Image loading method and system |
US20160284317A1 (en) * | 2015-03-24 | 2016-09-29 | Xinyu Xingbang Information Industry Co., Ltd. | Method, device and system for loading and displaying pictures |
CN105451019A (en) * | 2015-11-25 | 2016-03-30 | 中国地质大学(武汉) | Image compression transmission method facing wireless video sensor network |
CN105335526A (en) * | 2015-12-04 | 2016-02-17 | 北京京东尚科信息技术有限公司 | Image loading method and device |
CN106886549A (en) * | 2016-08-30 | 2017-06-23 | 阿里巴巴集团控股有限公司 | A kind of loading method of network picture, device and system |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112306339A (en) * | 2020-09-01 | 2021-02-02 | 北京沃东天骏信息技术有限公司 | Method and apparatus for displaying image |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106021421B (en) | method and device for accelerating webpage rendering | |
CN105630478B (en) | A kind of method and apparatus for realizing page switching | |
CN110032314B (en) | Long screen capture method and device, storage medium and terminal equipment | |
CN110784754A (en) | Video display method and device and electronic equipment | |
CN109710348A (en) | The method and device of page jump, computer equipment, storage medium | |
CN109272526B (en) | Image processing method and system and electronic equipment | |
KR20220038475A (en) | Video content recognition method and apparatus, storage medium, and computer device | |
WO2018126899A1 (en) | Method and device for displaying video interface | |
CN113426112B (en) | Game picture display method and device, storage medium and electronic equipment | |
CN112800858A (en) | Model configuration and image recognition method and device | |
US20210271383A1 (en) | Picture displaying method, electronic device and storage medium | |
CN113015007B (en) | Video frame inserting method and device and electronic equipment | |
CN113344794B (en) | Image processing method and device, computer equipment and storage medium | |
US20190379926A1 (en) | Method of optimizing media used to display moving images | |
CN109491726B (en) | Method for presenting open screen file, electronic device and computer storage medium | |
CN108062336A (en) | Media information processing method and device | |
CN110879984A (en) | Face comparison method and device | |
CN114598815A (en) | Shooting method, shooting device, electronic equipment and storage medium | |
CN112929728A (en) | Video rendering method, device and system, electronic equipment and storage medium | |
CN111435527A (en) | Page picture display method and device, storage medium and electronic equipment | |
US11195248B2 (en) | Method and apparatus for processing pixel data of a video frame | |
CN112712394A (en) | Client thread sharing method, system, computer and readable storage medium | |
CN108804652B (en) | Method and device for generating cover picture, storage medium and electronic device | |
CN116450232A (en) | Application preprocessing method, device, equipment and storage medium | |
CN111754518B (en) | Image set expansion method and device and electronic 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 |