WO2020001022A1

WO2020001022A1 - Image expansion method, computing device and computer storage medium

Info

Publication number: WO2020001022A1
Application number: PCT/CN2019/073495
Authority: WO
Inventors: 祁旺明
Original assignee: 掌阅科技股份有限公司
Priority date: 2018-06-29
Filing date: 2019-01-28
Publication date: 2020-01-02
Also published as: CN108876748A; CN108876748B

Abstract

An image expansion method, computing device and computer storage medium, the method comprising: setting a canvas size according to the image size of an original image so as to create a canvas using the canvas size (S101); carrying out transparency processing for the original image to obtain a first image, and drawing the first image on said canvas (S102); carrying out image downscaling on the original image to obtain a second image, and drawing the second image at a preset position on the canvas which has the first image drawn thereon (S103); carrying out blur processing on a drawing result to obtain a background image; and overlaying the original image on the background image and carrying out display (S104).

Description

Picture display method, computing device and computer storage medium

Cross-reference to related applications

This application claims priority from a Chinese patent application filed with the Chinese Patent Office on June 29, 2018, with application number 201810699353.3 and entitled "Picture Display Method, Computing Equipment, and Computer Storage Media", the entire contents of which are incorporated herein by reference. Applying.

Technical field

The present disclosure relates to the field of picture display technology, and in particular, to a picture display method, a computing device, and a computer storage medium.

Background technique

In today's Internet age, users are receiving picture information at any time. At the same time, because a large number of pictures flood the screen, a single picture is likely to cause the user's aesthetic fatigue, can not bring new ideas to the user, and thus cannot attract the user's attention.

In the prior art, in order to solve the above-mentioned problems, the picture display technology has been continuously innovated. The more typical is the shadow technology, which displays the shadow effect while displaying the picture; further, in order to reflect the depth of the picture, the diffuse shadow technology . However, the existing effects of diffuse shadows are generally realized by complex algorithms, the processing process is complicated, and the processing efficiency is low.

Summary of the invention

In view of the above problems, the present disclosure is provided in order to provide a picture display method, a computing device, and a computer storage medium that overcome the above problems or at least partially solve the above problems.

According to an aspect of the present disclosure, a picture display method is provided, including:

Set the canvas size according to the picture size of the original picture and create a canvas with the canvas size;

Transparency processing of the original picture to obtain the first picture, draw the first picture in the canvas;

Image reduction of the original picture to obtain a second picture, and draw the second picture at a preset position on the canvas where the first picture is drawn;

Blur the drawing result to get the background picture;

Overlay the original image on top of the background image for display.

According to another aspect of the present disclosure, there is provided a computing device including: a processor, a memory, a communication interface, and a communication bus, and the processor, the memory, and the communication interface complete communication with each other through the communication bus;

The memory is used to store at least one executable instruction, and the executable instruction causes the processor to perform the following operations:

Blur the drawing result to get the background picture;

Overlay the original image on top of the background image for display.

According to another aspect of the present disclosure, a non-volatile computer-readable storage medium is provided. The non-volatile computer-readable storage medium stores at least one executable instruction, and the executable instruction causes a processor to perform the following operations. :

Blur the drawing result to get the background picture;

Overlay the original image on top of the background image for display.

According to still another aspect of the present disclosure, there is also provided a computer program product including a computing program stored on the above-mentioned non-volatile computer-readable storage medium.

According to the picture display method, computing device, and computer storage medium of the present disclosure, the canvas size is set according to the picture size of the original picture, and the canvas is created with the canvas size; the original picture is subjected to transparency processing to obtain a first picture, and the first picture is drawn on the canvas; The original picture is reduced to obtain a second picture, and the second picture is drawn at a preset position on the canvas where the first picture is drawn; the drawing result is blurred to obtain a background picture; the original picture is superimposed on the background picture Show. It can be seen that the present disclosure proposes a new scheme for implementing a diffuse shadow effect through a picture overlay processing method. The implementation process weakens the dependence on the picture processing algorithm, simplifies the processing process, and improves processing efficiency.

The above description is only an overview of the technical solutions of the present disclosure. In order to be able to understand the technical means of the present disclosure more clearly, it can be implemented in accordance with the contents of the description, and in order to make the above and other objects, features, and advantages of the present disclosure more comprehensible. The following specifically mentions specific implementations of the present disclosure.

Overview of the drawings

Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the detailed description of the preferred embodiments below. The drawings are only for the purpose of illustrating preferred embodiments and are not to be considered as limiting the present disclosure. Moreover, the same reference numerals are used throughout the drawings to refer to the same parts. In the drawings:

FIG. 1 shows a flowchart of a picture display method according to an embodiment of the present disclosure;

2 shows a flowchart of a picture display method according to another embodiment of the present disclosure;

FIG. 3a shows a schematic diagram of a canvas size in a specific embodiment; FIG.

3b shows a schematic diagram of a first picture drawn on a canvas in a specific embodiment;

3c shows a schematic diagram of a second picture drawn in a canvas of a specific embodiment;

3d shows a schematic diagram of a position of a preset picture of a transparency gradient effect in a specific embodiment;

4 is a schematic diagram of a diffuse shadow effect diagram according to a specific embodiment of the present disclosure;

FIG. 5 is a schematic structural diagram of a computing device according to an embodiment of the present disclosure.

Preferred embodiments of the present disclosure

Hereinafter, exemplary embodiments of the present disclosure will be described in more detail with reference to the accompanying drawings. Although exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be limited by the embodiments set forth herein. On the contrary, these embodiments are provided to enable a thorough understanding of the present disclosure, and to fully convey the scope of the present disclosure to those skilled in the art.

FIG. 1 shows a flowchart of a picture display method according to an embodiment of the present disclosure. As shown in Figure 1, the method includes:

Step S101: Set the canvas size according to the picture size of the original picture, and create a canvas with the canvas size.

First set a reasonable canvas size according to the picture size of the original picture, and create a canvas at that size, so that the diffuse shadow effect of the original picture can be achieved in the form of a layer on the canvas. Among them, the original picture refers to the picture to be displayed.

Step S102: Transparency processing is performed on the original picture to obtain a first picture, and the first picture is drawn on a canvas.

Among them, transparency processing refers to setting the transparency value of the original picture so that the color of the original picture approaches the background color. For example, if the canvas color (that is, the background color) is white, after setting the transparency value of the original picture, a first picture close to white is obtained.

Specifically, according to the actual display needs, the transparency value of the original picture is set to obtain the first picture, and the first picture is drawn in the first layer corresponding to the canvas. Optionally, before the first picture is drawn, the size of the first picture is adjusted according to the canvas size. For example, resize the first picture to the same size as the canvas so that the first picture completely fills the entire canvas.

Step S103: The original picture is subjected to image reduction processing to obtain a second picture, and the second picture is drawn at a preset position of the canvas on which the first picture is drawn.

The preset position of the canvas can be set according to the actual needs of the diffuse shadow effect. For example, if the effect of the diffuse shadow is displayed symmetrically, the preset position of the canvas is set to the middle position of the width dimension of the canvas.

Specifically, the original picture is reduced by a preset reduction ratio, and the preset reduction ratio is also set according to the actual needs of the diffuse shadow effect. Optionally, if the shadow effect required by the second picture is stronger, a smaller preset is set. Set the reduction ratio to show a larger range of shadow effects on the edges of the second picture; if the shadow effect of the second picture is weaker, set a larger preset reduction ratio to show a larger range of Shadow effect at the edges of the second picture. Then, the second picture is drawn in a second layer corresponding to the canvas, and the second layer is located on the first layer, that is, the second picture in a preset position of the canvas presented to the user will cover the first picture.

Step S104: blur the drawing result to obtain a background picture; superimpose the original picture on the background picture for display.

Specifically, blur processing is performed on the first picture in the first layer and the second picture in the second layer, and the blur processing result is used as the background image of the diffuse shadow effect of the original picture. In this disclosure, the blur processing is not performed. The specific manner is limited, and those skilled in the art can flexibly choose according to actual situations. The original image is superimposed on a layer above the background image and displayed at the same time as the background image, and the diffuse shadow effect of the original image is achieved through multiple layers.

The disclosed picture display scheme does not need to rely on complex picture processing algorithms, and can only achieve the diffuse shadow effect of the original picture through the overlay of multiple layers and simple algorithm assistance. It can be seen that this scheme is simple to implement and has high processing efficiency. And the configuration requirements of the terminal are relatively low, so that the disclosed solution can be widely applied to the picture display scene of mobile applications. The following uses a more typical example to illustrate the practical application of the disclosed solution: In the scene of listening to a book, the terminal will display the cover of the book at this time, and using the disclosed solution, the cover of the book can be displayed to the user in a diffuse shadow effect diagram , To avoid the monotony of the cover picture of the book displayed, and improve the user experience.

According to the picture display method provided in this embodiment, the canvas size is set according to the picture size of the original picture, and the canvas is created at the canvas size; the original picture is subjected to transparency processing to obtain a first picture, and the first picture is drawn on the canvas; the original picture is imaged The second picture is obtained by reducing processing, and the second picture is drawn at a preset position on the canvas where the first picture is drawn; the drawing result is blurred to obtain a background picture; and the original picture is superimposed on the background picture for display. It can be seen that, this embodiment proposes a new scheme for implementing diffuse shadows through a picture overlay processing method. The implementation process weakens the dependence on the picture processing algorithm, simplifies the processing process, and improves processing efficiency.

FIG. 2 shows a flowchart of a picture display method according to another embodiment of the present disclosure. As shown in Figure 2, the method includes:

Step S201: Set the canvas size according to the picture size of the original picture, and create a canvas with the canvas size.

Specifically, the aspect ratio of the canvas is obtained according to the aspect ratio of the original picture, so that the aspect ratio of the canvas is consistent with the aspect ratio of the original picture. At the same time, considering the size of the window used to display the picture, the canvas size is set according to the width-to-height ratio of the canvas and the size of the window used to display the picture. Optionally, the width of the canvas is set according to the width of the window. For example, the width of the canvas is set to be the same as the width of the window, and then the height of the canvas is set according to the width-to-height ratio of the canvas. In addition, those skilled in the art can set the canvas color according to the actual need of the diffuse shadow effect, and optionally, set the canvas color to white.

FIG. 3a shows a schematic diagram of a canvas size in a specific embodiment. As shown in Figure 3a, the rectangular shaded area is the area where the canvas is located. In this specific embodiment, the width-to-height ratio of the original picture is r, then the width-to-height ratio of the canvas is set to r, and the width dimension a of the canvas is the width dimension of the window for displaying the picture; the width of the canvas is determined After dimension a, the height dimension b = a / r of the canvas is set according to the aspect ratio of the canvas.

It should be explained here that in the example of FIG. 3a above, only the case where the width dimension of the canvas is the same as the width dimension of the window, and the case where the entire width of the terminal screen is used as the window width, and The case where the upper edge of the terminal screen is used as the upper edge of the canvas is described, but the present disclosure is not limited thereto. In specific implementation, those skilled in the art can also flexibly set the canvas size according to the actual situation, and set the canvas on the terminal. Position in the screen.

Step S202: The original picture is subjected to picture enlargement processing and then subjected to transparency processing to obtain a first picture.

The size of the original image after the image is enlarged is the same as the size of the canvas.

Specifically, the original picture is enlarged according to the size of the original picture and the canvas size. Optionally, the picture is enlarged according to the ratio of the width of the canvas to the width of the original picture, or according to the height of the canvas and the original size. The ratio of the height and size of the picture is enlarged by the picture; then the transparency of the enlarged original picture is set so that the color of the enlarged original picture tends to the canvas color to form a transparent visual effect, wherein the degree of transparency can be determined by those skilled in the art Flexible settings according to the needs of visual effects; further, the higher the transparency value, the higher the degree of transparency. The resulting background image contains less color information of the original image, and the color of the background image is closer to the canvas color; the lower the transparency value , The lower the degree of transparency, the final background image contains more color information of the original image, and the color of the background image is closer to the color of the original image. After the foregoing enlargement and transparency processing, a first picture of the first layer corresponding to the diffuse shadow effect of the original picture is obtained.

FIG. 3b shows a schematic diagram of a first picture drawn in a canvas of a specific embodiment. The canvas size in this figure is the same as the canvas size in Figure 3a. As shown in FIG. 3b, the width dimension of the original picture is c and the height dimension is e. The original picture is enlarged according to the ratio a / c of the width dimension of the canvas to the width dimension of the original picture, and the width of the enlarged original picture is enlarged. The size is a and the height is b, which is the same as the canvas size; then the transparency value t is set to obtain the first picture in the area corresponding to the canvas in FIG. 3b.

Step S203: The original picture is subjected to image reduction processing to obtain a second picture, and the second picture is drawn at a preset position of the canvas on which the first picture is drawn.

Specifically, image reduction processing is performed on the original picture according to a preset reduction ratio to obtain a second picture of the second layer corresponding to the diffuse shadow effect of the original picture. Wherein, the preset reduction ratio can be flexibly set by those skilled in the art according to the actual needs of the diffuse shadow effect. Optionally, the preset position of the canvas is any position within the display area of the original picture, and the display area of the original picture is the area where the original picture is finally displayed to the user.

FIG. 3c shows a schematic diagram of a second picture drawn in the canvas of a specific embodiment. The canvas size in this figure is the same as the canvas size in Figure 3a. As shown in FIG. 3c, the width dimension of the original picture is c, and the height dimension is e. The original picture is subjected to image reduction processing, and the width dimension of the second picture obtained after the reduction processing is d and the height dimension is f. In general, The width reduction ratio and the height reduction ratio of the original picture are the same, that is, f / e = d / c. In addition, the dotted frame in FIG. 3c is a display area of the original picture.

It should be noted here that the display area of the original picture and the preset position for drawing the second picture shown in FIG. 3c are only exemplary, and the present disclosure is not limited thereto. In actual implementation, the technology in the art The personnel can flexibly set the display area of the original picture and the preset position for drawing the second picture.

Step S204: Draw a preset picture with a transparency gradient effect in a preset area of the canvas.

Generally speaking, in the terminal interaction interface, various operation buttons are provided to implement the interactive function. However, if the corresponding area of the operation button in the terminal interaction interface overlaps with the canvas area, it will cause the background color of the operation button to be inconsistent and the background color transition to be unnatural; or it may cause the operation button to be displayed inconspicuously, making it difficult for users to find . Therefore, as an optional step of this embodiment, a preset picture with a transparency gradient effect is drawn in a preset area of the canvas, and the preset picture is a picture of the third layer corresponding to the diffuse shadow effect of the original picture, In order to make the background color of the operation buttons more uniform, and to make the color transition from the canvas area to the non-canvas area more natural.

The preset area of the canvas is an edge area of the canvas, which can be specifically determined according to the layout position of the operation buttons in the interactive interface; the preset picture is a solid color picture, for example, a pure white picture.

In some optional embodiments of the present disclosure, the lower edge of the preset area of the canvas is determined according to the lower edge of the canvas area, and the upper part of the preset area of the canvas is determined according to the horizontal line where the operation button closest to the upper edge of the canvas area is located. edge. And, the closer to the lower edge of the preset area of the canvas, the lower the transparency value of the preset picture, the visual effect presented to the user is closer to the background color of the non-canvas area, and the transition is more natural.

FIG. 3d is a schematic diagram showing a position of a preset picture of a transparency gradient effect in a specific embodiment. The canvas size in this figure is the same as the canvas size in Figure 3a. As shown in Figure 3d, the lower edge of the preset area of the canvas is consistent with the lower edge of the canvas. The upper edge of the preset area of the canvas is above the horizontal line where the playback timeline is located. The left and right edges of the preset area of the canvas are canvas areas. The left and right edges of the canvas are correspondingly determined to be a rectangular area with a width dimension of a and a height dimension of g in the figure. Draw a pure white picture with a transparency gradient effect in the preset area of the canvas (the preset picture with a transparency gradient effect is not shown in the figure). The pure white picture decreases the transparency value from top to bottom, and the closer to the preset area Lower edge, the lower the transparency value (the transparency value of the lower edge of the preset area can be set to 255, which is completely opaque), the closer the visual effect presented to the user is to the background color (white) of the non-canvas area; the closer it is to the preset area The higher the transparency value (the transparency value of the upper edge of the preset area can be set to 0, that is, completely transparent), the closer the visual effect presented to the user is to the color of the picture at the corresponding position in the canvas area. After drawing the preset picture, you can unify the background of the timeline operation buttons and the play button into the preset picture, and set the gradient effect to make the transition from the canvas area to the non-canvas area more natural.

It should be noted here that the preset area, operation buttons, and positions of the operation buttons of the canvas shown in FIG. 3d are all exemplary, and the present disclosure is not limited thereto. In specific implementation, those skilled in the art may The position of the upper edge of the preset area of the canvas is flexibly set according to the position of the operation button in the interactive interface, and a person skilled in the art may also flexibly set the position of the operation button or the operation button according to the function implemented by the interactive interface.

After the above steps, a white background, a first picture in the first layer, a second picture in the second layer, and a preset picture in the third layer are obtained in order from bottom to top.

Step S205: Blur the drawing result to obtain a background picture; superimpose the original picture on the background picture for display.

Specifically, blur processing is performed on the first picture, the second picture, and the preset picture. Optionally, the blur processing is specifically Gaussian blur processing, and the result of the blur processing is used as the background image of the diffuse shadow effect of the original picture. Then, the original picture is superimposed in a display area corresponding to the original picture in the background picture. At this time, the background picture and the original picture together form a diffuse shadow effect image of the original picture.

FIG. 4 is a schematic diagram of a diffuse shadow effect diagram according to a specific embodiment of the present disclosure. As shown in FIG. 4, on the interface of the listening book, the uppermost layer displays the original picture of “Everything is too late”, and the background picture is obtained from the original picture through the above steps S201 to S204.

According to the picture display method provided in this embodiment, the canvas size is set according to the picture size of the original picture, and the canvas is created at the canvas size; the original picture is enlarged after the picture is processed, and then the transparency process is performed to obtain the first picture; the original picture is subjected to the image reduction process Obtain a second picture, draw a second picture at a preset position of the canvas on which the first picture is drawn; draw a preset picture with a transparency gradient effect in a preset area of the canvas; blur the drawing result to obtain a background picture; Overlay the original image on top of the background image for display. It can be seen that, this embodiment proposes a new scheme for implementing diffuse shadows through a picture overlay processing method. The implementation process weakens the dependence on the picture processing algorithm, simplifies the processing process, and improves processing efficiency.

An embodiment of the present application provides a non-volatile computer-readable storage medium. The non-volatile computer-readable storage medium stores at least one executable instruction. The computer-executable instruction can execute any of the foregoing method embodiments. Picture display method.

The executable instructions may be specifically used to cause the processor to perform the following operations:

Blur the drawing result to get the background picture;

Overlay the original image on top of the background image for display.

In an optional embodiment, the executable instructions further cause the processor to perform the following operations:

Get the canvas's aspect ratio based on the aspect ratio of the original picture;

Set the canvas size according to the width-to-height ratio of the canvas and the size of the window used to display the picture.

In an optional embodiment, the canvas color is set to white.

After the original picture is enlarged by the picture, the transparency is processed to obtain the first picture, wherein the picture size of the original picture after the picture is enlarged is the same as the canvas size.

Draw a preset picture with a transparency gradient effect in a preset area of the canvas.

In an optional implementation manner, the blur processing is specifically Gaussian blur processing.

FIG. 5 shows a schematic structural diagram of a computing device according to an embodiment of the present disclosure. A specific embodiment of the present disclosure does not limit the specific implementation of the computing device.

As shown in FIG. 5, the computing device may include a processor 502, a communication interface 504, a memory 506, and a communication bus 508.

among them:

The processor 502, the communication interface 504, and the memory 506 communicate with each other through a communication bus 508.

The communication interface 504 is configured to communicate with a network element of another device, such as a client or another server.

The processor 502 is configured to execute a program 510, and may specifically perform related steps in the foregoing embodiment of the picture display method.

Specifically, the program 510 may include program code, where the program code includes a computer operation instruction.

The processor 502 may be a central processing unit CPU, or an application specific integrated circuit (ASIC), or one or more integrated circuits configured to implement the embodiments of the present disclosure. The computing device includes one or more processors, which can be processors of the same type, such as one or more CPUs; or different types of processors, such as one or more CPUs and one or more ASICs.

The memory 506 is configured to store a program 510. The memory 506 may include a high-speed RAM memory, and may also include a non-volatile memory (non-volatile memory), for example, at least one disk memory.

The program 510 may be specifically configured to cause the processor 502 to perform the following operations:

The original picture is subjected to image reduction processing to obtain a second picture, and the second picture is drawn at a preset position of the canvas on which the first picture is drawn;

Blur the drawing result to get the background picture;

Overlay the original image on top of the background image for display.

In an optional implementation manner, the program 510 may be further specifically configured to cause the processor 502 to perform the following operations:

In an optional embodiment, the canvas color is set to white.

After the original picture is subjected to picture enlargement processing and then subjected to transparency processing to obtain a first picture, the picture size of the original picture after the picture enlargement processing is consistent with the canvas size.

The algorithms and displays provided here are not inherently related to any particular computer, virtual system, or other device. Various general-purpose systems can also be used with teaching based on this. From the above description, the structure required to construct such a system is obvious. Furthermore, this disclosure is not directed to any particular programming language. It should be understood that the content of the present disclosure described herein may be implemented using various programming languages, and that the description of the specific language above is to disclose the best embodiment of the present disclosure.

In the description provided here, numerous specific details are explained. It is understood, however, that embodiments of the present disclosure may be practiced without these specific details. In some instances, well-known methods, structures, and techniques have not been shown in detail so as not to obscure the understanding of the specification.

Similarly, it should be understood that, in order to streamline the present disclosure and help understand one or more of the various disclosed aspects, in the above description of exemplary embodiments of the present disclosure, various features of the present disclosure are sometimes grouped together into a single embodiment, Figure, or description of it. However, this disclosed method should not be construed as reflecting the intent that the claimed present disclosure claims more features than those explicitly recited in each claim. Rather, as reflected in the claims, the disclosure aspect is less than all features of the single embodiment disclosed previously. Thus, claims following a specific embodiment are hereby explicitly incorporated into that specific embodiment, with each claim standing on its own as a separate embodiment of the present disclosure.

Those skilled in the art can understand that the modules in the device in the embodiment can be adaptively changed and set in one or more devices different from the embodiment. The modules or units or components in the embodiments may be combined into one module or unit or component, and furthermore, they may be divided into a plurality of sub-modules or sub-units or sub-components. Except for at least some of such features or processes or units being mutually exclusive, any combination of all features disclosed in this specification (including the accompanying claims, abstract and drawings) and any method or device so disclosed may be adopted in any combination. All processes or units are combined. Each feature disclosed in this specification (including the accompanying claims, abstract, and drawings) may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.

In addition, those skilled in the art can understand that although some embodiments described herein include certain features included in other embodiments and not other features, combinations of features of different embodiments are meant to be within the scope of the present disclosure. Within and form different embodiments. For example, in the claims, any one of the claimed embodiments can be used in any combination.

It should be noted that the above-mentioned embodiments illustrate rather than limit the disclosure, and that those skilled in the art may design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The disclosure may be implemented by means of hardware comprising several distinct elements, and by means of a suitably programmed computer. The use of the words first, second, and third does not imply any order. These words can be interpreted as names.

Claims

A picture display method includes:

Set the canvas size according to the picture size of the original picture and create a canvas with the canvas size;

Perform transparency processing on the original picture to obtain a first picture, and draw the first picture in the canvas;

Performing image reduction processing on the original picture to obtain a second picture, and drawing the second picture at a preset position of the canvas on which the first picture is drawn;

Blur the drawing result to get the background picture;

The original picture is superimposed on the background picture for display.
The method according to claim 1, wherein the setting the canvas size according to the picture size of the original picture further comprises:

Get the canvas's aspect ratio based on the aspect ratio of the original picture;

Set the canvas size according to the width-to-height ratio of the canvas and the size of the window used to display the picture.
The method according to claim 1 or 2, further comprising: setting a canvas color to white.
The method according to any one of claims 1 to 3, wherein the performing a transparency process on the original picture to obtain the first picture specifically comprises: performing an enlargement process on the original picture and then performing a transparency process to obtain the first picture, A picture size of the original picture after the picture enlargement process is consistent with a canvas size.
The method according to any one of claims 1-4, wherein before the blurring the drawing result, the method further comprises:

Draw a preset picture with a transparency gradient effect in a preset area of the canvas.
The method according to any one of claims 1 to 5, wherein the blur processing is specifically Gaussian blur processing.
A computing device includes a processor, a memory, a communication interface, and a communication bus, and the processor, the memory, and the communication interface complete communication with each other through the communication bus;

The memory is used to store at least one executable instruction, and the executable instruction causes the processor to perform the following operations:

Set the canvas size according to the picture size of the original picture and create a canvas with the canvas size;

Perform transparency processing on the original picture to obtain a first picture, and draw the first picture in the canvas;

Performing image reduction processing on the original picture to obtain a second picture, and drawing the second picture at a preset position of the canvas on which the first picture is drawn;

Blur the drawing result to get the background picture;

The original picture is superimposed on the background picture for display.
The computing device of claim 7, the executable instructions further cause the processor to perform the following operations:

Get the canvas's aspect ratio based on the aspect ratio of the original picture;

Set the canvas size according to the width-to-height ratio of the canvas and the size of the window used to display the picture.
The computing device according to claim 7 or 8, wherein the canvas color is set to white.
The computing device of any one of claims 7-9, wherein the executable instructions further cause the processor to perform the following operations:

After the original image is subjected to image enlargement processing and then subjected to transparency processing to obtain a first image, the image size of the original image after the image enlargement processing is consistent with the canvas size.
The computing device of any one of claims 7-10, wherein the executable instructions further cause the processor to perform the following operations:

Draw a preset picture with a transparency gradient effect in a preset area of the canvas.
The computing device according to any one of claims 7 to 11, wherein the blur processing is specifically Gaussian blur processing.
A non-transitory computer-readable storage medium stores at least one executable instruction in the non-transitory computer-readable storage medium, where the executable instruction is used to cause the computer to execute any one of the preceding claims 1- The picture display method described in 6.
A computer program product comprising a computing program stored on a non-volatile computer-readable storage medium, the computer program including program instructions, which when executed by a computer, causes the computer to execute any of the foregoing The picture display method according to claims 1-6.