WO2020215861A1 - Procédé d'affichage d'image, appareil d'affichage d'image, dispositif électronique et support d'informations - Google Patents

Procédé d'affichage d'image, appareil d'affichage d'image, dispositif électronique et support d'informations Download PDF

Info

Publication number
WO2020215861A1
WO2020215861A1 PCT/CN2020/075654 CN2020075654W WO2020215861A1 WO 2020215861 A1 WO2020215861 A1 WO 2020215861A1 CN 2020075654 W CN2020075654 W CN 2020075654W WO 2020215861 A1 WO2020215861 A1 WO 2020215861A1
Authority
WO
WIPO (PCT)
Prior art keywords
picture
target picture
color
target
display
Prior art date
Application number
PCT/CN2020/075654
Other languages
English (en)
Chinese (zh)
Inventor
李咸珍
管恩慧
赵天月
李志超
王志懋
Original Assignee
京东方科技集团股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 京东方科技集团股份有限公司 filed Critical 京东方科技集团股份有限公司
Publication of WO2020215861A1 publication Critical patent/WO2020215861A1/fr

Links

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/04—Context-preserving transformations, e.g. by using an importance map

Definitions

  • the present disclosure relates to the field of image display technology, and in particular to a picture display method, picture display device, electronic equipment, and computer-readable storage medium.
  • the present disclosure provides a picture display method, a picture display device, an electronic device, and a computer-readable storage medium, thereby at least to some extent overcome the problem of low aesthetics of the existing picture display method.
  • a picture display method applied to a display device the display device presents a display area; the method includes: acquiring a target picture to be displayed; detecting the target picture and the display area If the size of the target picture matches the size of the display area, display the target picture in the display area; if the target picture does not match the size of the display area and the target picture If the degree of overlap between the picture and the display area is lower than a preset value, the target picture is displayed in the display area, and a background image is displayed in at least one sub-area of an unfilled area where the target picture is not displayed.
  • the displaying the target picture in the display area and displaying a background image in at least one sub-region of an unfilled area where the target picture is not displayed includes: The target picture is displayed in the display area, and the background image is displayed in an unfilled area where the target picture is not displayed, so that the display area is filled with the target picture and the background image.
  • the method further includes: determining a background image matching the target picture according to the picture information of the target picture.
  • the picture information includes a representative color of the target picture; the method further includes: counting the types of colors that appear in the target picture and the appearance frequency of each color, At least one color with the highest frequency is selected as the representative color of the target picture.
  • the method further includes: acquiring characteristic information of the frame of the display device; and determining a background image matching the target picture according to the picture information of the target picture , Including: determining a background image matching the target picture and the frame based on the characteristic information of the frame and the picture information.
  • the picture information includes a representative color of the target picture, and the characteristic information includes the color of the frame; the characteristic information based on the frame and the picture information , Determining a background image that matches the target picture and the frame includes: determining an intermediate color between the color of the frame and the representative color; and determining the background image that matches the target picture and the frame based on the intermediate color Background image.
  • the representative color includes m colors that appear most frequently in the target picture; the intermediate color is determined by the following formula: Where i is any integer within [1, m], C i is the value of the i-th color in the m colors, f i is the frequency of occurrence of C i in the target picture, and F is the The value of the color of the border, and E is the value of the middle color.
  • the m colors are colors that appear more frequently than a preset threshold in the target picture.
  • the determining a background image matching the target picture according to the picture information of the target picture includes: according to the picture information of the target picture, in the effect material library Find a background image that matches the target picture.
  • the method further includes: acquiring a plurality of sample pictures and a plurality of background materials, the background materials including any one or more of the following: solid color filling, gradient color filling, texture Filling or pattern filling; for each of the sample pictures, a matching relationship between the sample picture and one or more of the background materials is obtained to construct the effect material library.
  • the matching relationship includes a degree of matching
  • the acquiring a plurality of sample pictures and a plurality of background materials includes: searching the Internet for examples of matching the sample pictures and background materials;
  • obtaining the matching relationship between the sample picture and one or more of the background materials to construct the effect material library includes: analyzing the samples to obtain each of the The degree of matching between the sample picture and one or more of the background materials is used to construct the effect material library.
  • the searching for a background image matching the target picture in an effect material library according to the picture information of the target picture includes: searching and Sample pictures with the same or similar target pictures are used as target sample pictures; the background image is generated according to background materials in the effect material library that match the target sample pictures.
  • the searching for a sample picture identical or similar to the target picture in the effect material library as the target sample picture includes: calculating the target picture and the effect For the similarity of each sample picture in the material library, the sample picture with the highest similarity to the target picture is taken as the target sample picture.
  • the displaying the target picture in the display area and displaying a background image in at least one sub-region of an unfilled area where the target picture is not displayed includes: The target picture and the background image are merged into a new image, and the new image is displayed in the display area.
  • a picture display device applied to a display device, the display device presents a display area, the device includes: a picture acquisition module for acquiring a target picture to be displayed; a size detection module, It is used to detect whether the size of the target picture matches the display area; the first display module is used to display the target picture in the display area if the target picture matches the size of the display area ; A second display module, configured to display the target picture in the display area if the target picture does not match the size of the display area, and display the target picture in at least the unfilled area where the target picture is not displayed The background image is displayed in a sub area.
  • the second display module is configured to display the target picture in the display area, and display the background image in an unfilled area where the target picture is not displayed, So that the display area is filled with the target picture and the background image.
  • the device further includes: a background determining module, configured to determine a background image matching the target picture according to the picture information of the target picture.
  • the picture information includes a representative color of the target picture;
  • the picture acquisition module further includes: a picture information acquisition unit configured to count the colors appearing in the target picture The type and frequency of each color, and at least one color with the highest frequency is selected as the representative color of the target picture.
  • the picture obtaining module further includes: a frame information obtaining unit, configured to obtain characteristic information of the frame of the display device; and the background determining module is configured to obtain information based on the frame The feature information and the picture information determine a background image matching the target picture and the frame.
  • the picture information includes a representative color of the target picture, and the characteristic information includes the color of the frame;
  • the background determining module includes: an intermediate color determining unit for Determine an intermediate color between the color of the frame and the representative color; a background image determination unit is configured to determine a background image matching the target picture and the frame based on the intermediate color.
  • the representative color includes m colors that appear most frequently in the target picture; the intermediate color is determined by the following formula: Where i is any integer within [1, m], C i is the value of the i-th color in the m colors, f i is the frequency of occurrence of C i in the target picture, and F is the The color of the border, E is the value of the middle color.
  • the m colors are colors that appear more frequently than a preset threshold in the target picture.
  • the background determining module is further configured to search for a background image matching the target picture in the effect material library according to the picture information of the target picture.
  • the device further includes a material library construction module
  • the material library construction module further includes: a sample acquisition unit for acquiring multiple sample pictures and multiple background materials,
  • the background material includes any one or more of the following: pure color filling, gradient color filling, texture filling or pattern filling; a matching determination unit for obtaining the sample picture and one or more of the sample pictures The matching relationship of the background materials to construct the effect material library.
  • the matching relationship includes a degree of matching; the sample acquisition unit is used to search the Internet for examples of matching sample pictures and background materials; and the matching determination unit is used to pass The samples are analyzed to obtain the degree of matching between each sample picture and one or more of the background materials, so as to construct the effect material library.
  • the background determining module includes: a target sample searching unit, configured to find a sample picture that is the same or similar to the target picture in the effect material library, as the target sample picture
  • the background image generating unit is used to generate the background image according to the background material matching the target sample picture in the effect material library.
  • the target sample searching unit is configured to calculate the similarity between the target picture and each sample picture in the effect material library, which will have the highest similarity with the target picture As the target sample picture.
  • the second display module is further configured to merge the target picture and the background image into a new image, and display the new image in the display area.
  • an electronic device including: a processor; a memory for storing executable instructions of the processor; and a display for presenting a display area; wherein the processor is configured to The image display method described in any one of the foregoing is executed by executing the executable instruction, and the execution result of the executable instruction is displayed in the display area.
  • it further includes: an image sensor for acquiring characteristic information of the frame of the display.
  • a computer-readable storage medium on which a computer program is stored, and when the computer program is executed by a processor, the picture display method described in any one of the above is implemented.
  • the background image is added to the unfilled area where the target picture is not displayed to show the effect of full-screen display of the picture, which has a strong sense of overallness and harmony in the vision, and improves the picture The aesthetics of the display.
  • the size of the target picture matches the size of the display area, no background image is added, so that different display methods are adopted for pictures of different sizes, which has higher flexibility.
  • the matching background image is determined according to the picture information of the target picture, and different background images can be determined for different pictures, thereby increasing the diversity of picture display.
  • Figure 1 shows a schematic diagram of a full-screen display of pictures in the related art
  • Fig. 2 shows a flow chart of a picture display method in this exemplary embodiment
  • Fig. 3 shows a schematic diagram of a picture display effect in this exemplary embodiment
  • Fig. 4 shows a flow chart of another picture display method in this exemplary embodiment
  • Figure 5 shows a schematic diagram of the hue circle
  • FIG. 6 shows a schematic flowchart of a picture display method in this exemplary embodiment
  • FIG. 7 shows a schematic flowchart of another picture display method in this exemplary embodiment
  • FIG. 8 shows a schematic diagram of another picture display effect in this exemplary embodiment
  • Fig. 9 shows a structural block diagram of a picture display device in this exemplary embodiment
  • FIG. 10 shows an electronic device for implementing the above method in this exemplary embodiment
  • Figure 11 shows another electronic device for implementing the above method in this exemplary embodiment
  • Fig. 12 shows a computer-readable storage medium for implementing the above-mentioned method in this exemplary embodiment.
  • Example embodiments will now be described more fully with reference to the accompanying drawings.
  • the example embodiments can be implemented in various forms, and should not be construed as being limited to the examples set forth herein; on the contrary, the provision of these embodiments makes the present disclosure more comprehensive and complete, and fully conveys the concept of the example embodiments To those skilled in the art.
  • the described features, structures or characteristics may be combined in one or more embodiments in any suitable way.
  • a display device refers to an electronic device with a display screen, such as a computer, a mobile phone, a smart TV, an electronic photo frame, an electronic drawing screen, etc.
  • the display screen includes a display area, which refers to all that can be used to present a graphical user interface area.
  • the method may include the following steps:
  • Step S210 obtaining a target picture to be displayed
  • Step S220 detecting whether the size of the target picture matches the size of the display area
  • Step S230 if the target picture matches the size of the display area, display the target picture in the display area;
  • step S240 if the size of the target picture does not match the size of the display area, display the target picture in the display area, and display the background image in at least one sub-region of the unfilled area where the target picture is not displayed.
  • the target picture may be a local picture designated by the user, a picture downloaded from the network, or a picture synchronized (transmitted through a wired or wireless connection) from other electronic devices, which is not limited in the present disclosure.
  • the size matching of the target picture and the display area means that the target picture can be displayed in the display area in full screen (or close to full screen).
  • the size of the target picture can be gradually scaled until: the target picture is enlarged to the maximum size ( If you zoom in again, the picture may be blurred).
  • the preset value for example, 95%, etc.
  • the two sizes do not match; or the length or width of the target picture It is equal to the display area.
  • the preset value for example, 95%, etc.
  • the two sizes do not match; or the length or width of the target picture It is equal to the display area.
  • the sizes of the two do not match.
  • the target image can be displayed in full screen.
  • the preset value such as 95% is used as the standard when the above detection matches, then after the target image is displayed, there may be 5% unfilled area remaining in the display area, which is beautiful The degree of influence is small and can be ignored.
  • the target picture is displayed normally, and there are still more unfilled areas (that is, the area where the target picture is not displayed). For example, more unfilled areas may remain around the target picture.
  • the hollow area may also be regarded as an unfilled area.
  • the target image is displayed in the center of the display area.
  • the unfilled area may be located around the target image, or may be located on the upper and lower sides or the left and right sides.
  • the target image can also be displayed on one side of the display area.
  • the unfilled area is on the other side, which is not limited in the present disclosure.
  • the background image can be displayed in the unfilled area.
  • the background image can be solid color filling, gradient color filling, texture filling or pattern filling, etc., or a combination of multiple filling effects, such as gradient color plus texture filling, gradient color plus pattern filling, etc. .
  • the background image can be displayed in all the unfilled areas, so that the display area is filled with the target picture and the background image to achieve complete full-screen display, or in at least one sub-region of the unfilled area Internal display background image, for example, the background image is only located on one side of the target picture, or there is a certain unfilled area around the background image, etc., so as to meet specific display needs.
  • the frame of the display area has a specific shape to match the background image and Part of the unfilled area can present special effects, or the background image has a specific pattern, which is not suitable for filling the unfilled area completely.
  • the target picture and the background image can also be merged into a new image, and the new image is displayed in the display area.
  • the target picture and the background image can be directly joined to obtain the new image, or the boundary between the two can be Some fading or blurring processing, etc., process the target picture and background image in the form of a new image, which can increase the overall sense, and it is also convenient to store the new image locally for subsequent use.
  • FIG. 3 shows the display effect of displaying the target picture 310 and the background image 320 in the display area 300.
  • the target picture 310 can be adjusted to any size according to the size of the display area 300, or the original size of the target picture 310 can be maintained, and the target is not displayed.
  • the unfilled area of the picture 310 can display the background image 320, and the two together form a full-screen display effect.
  • the flow of the picture display method may be as shown in FIG. 4, wherein after detecting that the size of the target picture does not match the display area, step S231 may be performed: according to the picture information of the target picture, determine the Picture matching background image.
  • the picture information of the target picture may refer to multiple aspects of feature information such as picture style, color distribution, color composition, and color matching.
  • the background image may be determined based on one or more aspects of picture information.
  • the matching of the background image and the target picture specifically refers to the visual presentation of a strong sense of integrity and harmony between the background image and the target picture.
  • the background image filled with a pure color or a gradient color is determined according to the color distribution of the edge of the target picture, so that the background image and the target picture
  • the edge of the target picture has a certain degree of continuity; or according to the style of the target picture, determine a background image that is consistent or similar to its style, so that the background image visually presents the extension of the target picture; or provide multiple according to the main color of the target picture
  • the background image that matches its hue is used as an alternative, allowing the user to select one as the final background image. For different target pictures, because of their different picture information, different background images can be matched.
  • step S240 can be executed to display it together with the target image in the display area.
  • this exemplary embodiment adds a background image display to the unfilled area where the target picture is not displayed, so as to present the effect of full-screen display of the picture, which has a strong visual overall Sense and harmony, improve the beauty of the picture display.
  • the size of the target picture matches the size of the display area, no background image is added, so that different display methods are adopted for pictures of different sizes, which has higher flexibility.
  • the matching background image is determined according to the picture information of the target picture, and different background images can be determined for different pictures, thereby increasing the diversity of picture display.
  • the above picture information may include the representative color of the target picture, and the representative color may be the background color of the target picture or the representative color of the main tone, etc., which can generally represent the main colors of the target picture.
  • the representative color may also be the color with the highest frequency in the target picture, which may be determined by the following steps:
  • an image filled with a pure color of the representative color can be used as a background image of the target picture, or a gradient fill of the same color system of the representative color, or a pattern fill of the same hue as the background image.
  • step S231 can be specifically implemented through the following steps:
  • the value D of the background color matching the target picture is determined by the following formula (1);
  • m can be any natural number, i is any integer within [1, m], C i is the value of the i-th color among the m colors (for example, it can be an RGB color value or an HSL color value), f i is the frequency of C i in the target picture.
  • the formula (1) can be regarded as taking the appearance frequency of m colors as its weight, and weighting and averaging the m colors to obtain an average color value, that is, the value D of the background color, which is a high summary of the color characteristics of the target image .
  • the background image may be filled with a pure color of the value D of the background color, a gradient filled with the same color of D, a pattern filled with the same hue of D, etc. The present disclosure does not limit this.
  • the colors in it can be expressed as RGB components, and the RGB components of the background color D can be calculated by formula (1) for each component; HSL components can be calculated separately in HSL mode ,
  • the gray value can be calculated in gray mode.
  • m can be a predetermined value, for example, it is determined to select the 5 or 10 colors with the highest frequency in the target picture as the representative color, or a preset threshold value for the frequency of color appearance can be determined to make the frequency of appearance in the target picture higher than All colors of the preset threshold are used as representative colors, and the value of m is uncertain. For example, all colors with a frequency higher than 10% are used as representative colors. If there are 3 colors that meet the requirements, m is 3. Disclosure does not specifically limit the preset threshold.
  • the characteristic information of the frame of the display device may also be acquired, and based on the characteristic information of the frame and the picture information of the target picture, a background image matching the target picture and the frame may be jointly determined.
  • the frame refers to the physical frame of the display device, and its color or texture is usually the same as the color of the housing of the device.
  • the characteristic information of the frame can include the color, texture, pattern, shape and other aspects of the frame.
  • This disclosure does not limit this.
  • the image of the frame area can be captured by an external camera to identify the frame characteristics in the image.
  • the external camera can also be replaced by another electronic device with a shooting function, for example, the frame image of an electronic photo frame can be captured by a mobile phone. Then the image is transmitted to the electronic photo frame through Bluetooth, USB, wireless network, etc., so that it can recognize the characteristics of the frame.
  • the frame is an ordinary solid color frame
  • its characteristic information mainly includes color
  • the color can also be determined by the user in advance.
  • a color palette can be provided to enable the user to select a color in the frame, and preview it through full screen (full screen display user The color of the frame selection) or the edge preview (display the color selected by the user in the edge area near the frame) allows the user to intuitively judge whether the color is consistent with the frame color, so that the frame color can be accurately selected, which is the default The border color. If you change the display device or border of another color later, you can reselect the border color.
  • the background image After obtaining the characteristic information of the frame and the picture information of the target picture, the background image can be determined jointly based on the two aspects of information. Since the background image is located between the target picture and the frame, a more beautiful display effect can be obtained.
  • a transition effect from the target picture to the frame can be generated, for example, a gradient fill from the representative color of the target picture to the frame color, or considering that the frame and the target picture are not on the same plane, it can present a three-dimensional
  • the background image with perspective effect makes the connection between the target image and the frame more natural.
  • the picture information of the target picture mainly refers to the representative color of the target picture
  • the characteristic information of the frame mainly refers to the color of the frame. Then, the intermediate color between the color of the frame and the representative color can be determined, and based on this The middle color determines the background image that matches the target picture.
  • the intermediate color refers to the color between the color of the border and the representative color of the target image, and it can be a color or a group of colors.
  • the target picture, the background image, and the frame are in sequence.
  • the background image can be used to transition from the target picture to the frame, so it can be based on the middle color Determine the background image.
  • the middle color can be a set of gradient colors between the above two colors, and the background image can be filled with a gradient color; if the border color and the representative color belong to different hues, two colors can be used The average value of, the intermediate color can be obtained.
  • the background image can be based on the intermediate color as the main color, adding the effect of the border color and the representative color (or the approximate color of the two colors) pattern; in practical applications, after determining the intermediate color, the intermediate color can be The main color, add arbitrary patterns to form a background image.
  • RGB color mode is adopted. If the value of the representative color is (R1, G1, B1) and the value of the border color is (R2, G2, B2), it can be calculated by formula (2) (including the following 3 formulas) The value of the middle color is (R3, G3, B3):
  • the calculation process of formula (2) can be expressed as: firstly, the R, G, and B components of the value of the representative color and the value of the border color are averaged, and then R, G, and B are mixed in different proportions to obtain the intermediate color, a
  • the value of, b, c is the mixing ratio, which can be determined based on experience, or adjusted according to different hues and actual needs. For example, if the representative color and the border color are both green, the value of b can be increased appropriately.
  • the color matching should not exceed three, that is, the range of three hues, because when determining the background image, you can use the same hue, the same brightness, and the same saturation. , To ensure that the target image, background image, and frame show a more uniform appearance color, such as red + orange red + orange, blue green + blue + blue purple, etc.
  • the above method can be used to determine the intermediate color to achieve this goal.
  • the value of the intermediate color can be calculated by formula (3) (including the following 3 formulas) (R3, G3, B3):
  • R3 p ⁇ R1+q ⁇ R2;
  • p and q are the weight values of the value of the representative color and the value of the border color, usually in order to emphasize the background image more and the target image Match, p can be greater than 0.5, of course, it can also be adjusted according to the actual situation. For example, when the representative color belongs to the dark color system and the border color belongs to the light color system, the value of p can be appropriately reduced, or the percentage of the color in the target image If it is low, the value of p can also be appropriately reduced.
  • the values of m representative colors of the target picture and the value F of the border color are averaged to obtain m average colors, and then the frequency f of the m colors in the target picture is used as the weight, and the m The average color value is weighted and averaged to obtain the value E of the intermediate color.
  • the process of the picture display method may be as shown in FIG. 6: Step S610, obtain the target picture; Step S620, detect whether the size of the target picture and the display area match; Step S630, if they match, it can be normal Display the target picture in full screen to make it fill the entire display area; step S640, if it does not match, extract the representative color of the target picture; step S650, detect the border color of the display device at the same time; step S660, determine according to the representative color and the border color Intermediate color; Step S670, determine the background image based on the intermediate color, the background image matches the target picture and the frame; Step S680, combine the target picture and the background image to display in the display area, thereby realizing the full screen display of the picture.
  • step S231 can be implemented through the following steps:
  • the effect material library is a pre-built database that gathers a large number of matching relationships between pictures and materials, such as the matching of colors and colors, the matching of colors and patterns or pictures, the matching of pictures and patterns, etc. Wait. Extract picture information from the target picture, such as representative color, edge color, etc., and search for the matching background image material in the effect material library to obtain the background image.
  • the image display method may further include the following steps of constructing an effect material library:
  • the background materials include any one or more of the following: solid color filling, gradient color filling, texture filling or pattern filling;
  • the matching relationship between the sample picture and one or more background materials is obtained to construct the aforementioned effect material library.
  • the sample pictures are a large number of representative pictures collected in advance, for example, it can include typical pure color pictures, static pictures of various objects, ink paintings, oil paintings, landscape photos, portraits and other typical pictures of various styles; of course, According to different application scenarios, the coverage of sample pictures can be reduced.
  • representative pictures of the subject of character selfies can be collected specifically to construct a small effect material library .
  • the sample pictures can be searched on the Internet, and can also be obtained from local or other databases, which is not limited in the present disclosure.
  • the background materials needed to build the effect material library can also be obtained from the Internet, local or other databases, and background materials can also be generated based on certain mechanisms, such as changing colors, textures, and patterns from a seed material. Generate a series of materials.
  • a single color matching method, an approximate color matching method, etc. can be used to extract a single color from a background material, and form a series of colors by changing the hue, saturation, and lightness of the single color.
  • Establish a matching relationship between colors, or establish a matching relationship by collecting color matching relationships, and then map the colors to a sample image to obtain the matching relationship between the sample image and the background material, or establish the relationship between the sample image and the background material through the user’s manual rating
  • the matching relationship, the matching relationship may include a quantitative expression of whether or not it matches or the degree of matching.
  • an effect material library can be constructed to facilitate the subsequent search for a suitable background image.
  • the step of constructing an effect material library may include:
  • sample pictures and background materials can include pictures with edge effects (edge effects as background materials), posters with picture inlays (poster backgrounds as background materials), and clothing designs with picture inlays (clothing background colors are used as background materials). Background material), etc., you can use crawler tools to crawl relevant sample information from the Internet. After obtaining the samples, separate the pictures from the background, use the pictures as the sample pictures, and the background as the background material. Then, based on the popularity of each sample, user praise, search frequency and other data, comprehensively analyze the sample pictures and The matching degree of the background material to build the effect material library.
  • the effect material library constructed based on sample pictures, in practical applications, the background image can be determined through the following steps:
  • the similarity between the target picture and each sample picture in the effect material library can be calculated, such as SSIM (Structural Similarity Index, structural similarity), cosine similarity, etc., and the sample picture with the highest similarity to the target picture is used as the target sample picture ,
  • the sample picture can also be classified in multiple dimensions, such as picture style, representative color, main color, etc. If all the dimensional information of the sample image and the target picture are the same, or the same number of dimensions is the largest, then it is the target sample picture.
  • the overall process of the picture display method may be as shown in FIG. 7: Step S710, obtain the target picture; Step S720, detect whether the size of the target picture and the display area match; Step S730, if they match, then Normally display the target picture in full screen so that it just fills the entire screen; step S740, if it does not match, extract the picture information of the target picture; step S750, input the picture information of the target picture into the effect material library, and then go through step S760 or step S770 determines the background image; step S760, automatically finds the background image matching the effect material library with the target picture; step S770, the user manually selects an appropriate background image; step S780, after the background image is determined, the target picture and the background image can be combined and displayed In the display area.
  • the background image may be the effect of simulating the expansion of the scroll; correspondingly, step S231 may be implemented through the following steps:
  • the unfolding effect of the simulated scroll can be as shown in the background image 820 in Figure 8.
  • the left and right sides are the scroll effect, plus the internal canvas filling effect, which together with the target picture 810 form a visual sense of the scroll. Can further improve the aesthetics.
  • the background filling effect can be determined according to the picture information of the target picture. For example, the color matching the target picture is used as the main color, and a certain texture is added to form the filling effect of paper and canvas, which is used as the scroll background. Add the curled image of the scroll on the side to form the final background image, which simulates the effect of scrolling.
  • some elements such as mosaics, embellishments, text, etc. can also be added to the background image to obtain various effects, which are not particularly limited in the present disclosure.
  • the color of the frame of the display device when determining the above-mentioned background filling effect, may also be referred to.
  • the color of the frame 830 of the display area 800 and the picture information of the target picture 810 may be used. Determine the background filling effect together (refer to the method in formulas (2) ⁇ (4)).
  • the effect of the picture scroll simulation is only an example of the background image.
  • the effect of simulating the opening of the book the effect of simulating the drawing board, etc. can also be used.
  • Exemplary embodiments of the present disclosure also provide a picture display device, which can be applied to a display device, and the display device presents a display area.
  • the device 900 may include: a picture acquisition module 910, configured to acquire a target picture to be displayed; a size detection module 920, configured to detect whether the target picture matches the size of the display area; and a first display module 930, If the target picture matches the size of the display area, display the target picture in the display area; the second display module 940 is used to display the target picture in the display area if the size of the target picture does not match the display area, and The background image is displayed in at least one subregion of the unfilled region where the target picture is not displayed.
  • the second display module 940 may be used to display the target picture in the display area, and display the background image in the unfilled area where the target picture is not displayed, so that the display area is filled with the target picture and the background image. full.
  • the picture display device 900 may further include: a background determining module for determining a background image matching the target picture according to picture information of the target picture.
  • the above-mentioned picture information may include the representative color of the target picture; the picture obtaining module 910 may also include: a picture information obtaining unit for counting the types of colors appearing in the target picture and the frequency of each color , And select at least one color with the highest frequency as the representative color of the target image.
  • the picture acquiring module 910 may further include: a frame information acquiring unit for acquiring feature information of the frame of the display device; the background determining module may be configured to determine the target information based on the feature information and picture information of the frame Picture and background image with matching border.
  • the above-mentioned picture information may include the representative color of the target picture, and the above-mentioned characteristic information may include the color of the frame;
  • the background determining module may include: an intermediate color determining unit for determining the middle between the color of the frame and the representative color Color; a background image determining unit for determining a background image matching the target picture and the frame based on the intermediate color.
  • the foregoing representative colors may include m colors with the highest frequency in the target picture; the foregoing intermediate colors may be determined by the following formula: Among them, i is any integer within [1,m], Ci is the value of the i-th color among m colors, fi is the frequency of appearance of Ci in the target image, F is the value of the color of the frame, and E is the middle The value of the color.
  • the aforementioned m colors are colors in the target picture whose frequency of appearance is higher than a preset threshold.
  • the background determining module may also be used to search for a background image matching the target picture in the effect material library according to the picture information of the target picture.
  • the picture display device 900 may further include a material library building module, and the material library building module may further include: a sample acquisition unit for acquiring multiple sample pictures and multiple background materials, the background materials include any of the following One or more types: solid color filling, gradient color filling, texture filling or pattern filling; matching determination unit for obtaining the matching relationship between the sample image and one or more background materials for each sample image to build an effect material library .
  • the above-mentioned matching relationship may include a degree of matching; the sample acquisition unit may be used to search for examples of sample images and background materials from the Internet; the matching determination unit may be used to analyze the examples to obtain each The matching degree of a sample picture with one or more background materials to construct an effect material library.
  • the background determining module may include: a target sample searching unit, which is used to find a sample picture that is the same or similar to the target picture in the effect material library, as the target sample picture;
  • the background material matching the target sample image in the effect material library generates a background image.
  • the target sample searching unit may be used to calculate the similarity between the target picture and each sample picture in the effect material library, and the sample picture with the highest similarity to the target picture is used as the target sample picture.
  • the second display module 940 may also be used to merge the target picture and the background image into a new image, and display the new image in the display area.
  • Exemplary embodiments of the present disclosure also provide an electronic device capable of implementing the above method.
  • the electronic device 1000 according to this exemplary embodiment of the present disclosure will be described below with reference to FIG. 10.
  • the electronic device 1000 shown in FIG. 10 is only an example, and should not bring any limitation to the function and scope of use of the embodiments of the present disclosure.
  • the electronic device 1000 may include a processor 1010, a memory 1020, and a display 1030, where the memory 1020 is used to store executable instructions of the processor 1010, the display 1030 is used to present a display area, and the processor 1010 is configured In order to execute any method in this exemplary embodiment by executing the executable instruction, for example, the method steps shown in FIG. 2, FIG. 3, FIG. 6 or FIG. 7 may be executed, and the instruction execution result may be displayed in the display area.
  • the electronic device 1000 may be a computer, a mobile phone, a tablet computer, a smart TV, an electronic photo frame, or an electronic drawing screen, etc.
  • the electronic device may further include an image sensor for acquiring characteristic information of the frame of the display, and the characteristic information of the frame is used to determine the background image together with the picture information of the target picture.
  • the image sensor can be an external camera.
  • an external camera can be set on the opposite wall to capture the frame of the electronic drawing screen to obtain characteristic information.
  • the electronic device 1100 may be in the form of a general-purpose computing device, and its components may include but are not limited to: at least one processing unit 1110, at least one storage unit 1120, and connection to different system components (Including the storage unit 1120 and the processing unit 1110) bus 1130 and the display unit 1140.
  • the storage unit stores program codes, and the program codes can be executed by the processing unit 1110, so that the processing unit 1110 executes the steps according to the exemplary embodiments of the present disclosure described in the "Exemplary Method" section of this specification.
  • the storage unit 1120 may include a readable medium in the form of a volatile storage unit, such as a random access storage unit (RAM) 1121 and/or a cache storage unit 1122, and may further include a read-only storage unit (ROM) 1123.
  • RAM random access storage unit
  • ROM read-only storage unit
  • the storage unit 1120 may also include a program/utility tool 1124 having a set of (at least one) program module 1125.
  • program module 1125 includes but is not limited to: an operating system, one or more application programs, other program modules, and program data, Each of these examples or some combination may include the implementation of a network environment.
  • the bus 1130 may represent one or more of several types of bus structures, including a storage unit bus or a storage unit controller, a peripheral bus, a graphics acceleration port, a processing unit, or a local area using any bus structure among multiple bus structures. bus.
  • the electronic device 1100 may also communicate with one or more external devices 1300 (such as keyboards, pointing devices, Bluetooth devices, etc.), and may also communicate with one or more devices that enable a user to interact with the electronic device 1100, and/or communicate with Any device (such as a router, modem, etc.) that enables the electronic device 1100 to communicate with one or more other computing devices. This communication can be performed through an input/output (I/O) interface 1150.
  • the electronic device 1100 may also communicate with one or more networks (for example, a local area network (LAN), a wide area network (WAN), and/or a public network, such as the Internet) through the network adapter 1160.
  • networks for example, a local area network (LAN), a wide area network (WAN), and/or a public network, such as the Internet
  • the network adapter 1160 communicates with other modules of the electronic device 1100 through the bus 1130. It should be understood that although not shown in the figure, other hardware and/or software modules can be used in conjunction with the electronic device 1100, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives And data backup storage system, etc.
  • the exemplary embodiments described herein can be implemented by software, or can be implemented by combining software with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (can be a CD-ROM, U disk, mobile hard disk, etc.) or on the network , Including several instructions to make a computing device (which may be a personal computer, a server, a terminal device, or a network device, etc.) execute the method according to the exemplary embodiment of the present disclosure.
  • a computing device which may be a personal computer, a server, a terminal device, or a network device, etc.
  • Exemplary embodiments of the present disclosure also provide a computer-readable storage medium on which is stored a program product capable of implementing the above method of this specification.
  • various aspects of the present disclosure can also be implemented in the form of a program product, which includes program code.
  • the program product runs on a terminal device, the program code is used to make the terminal device execute the above-mentioned instructions in this specification.
  • the steps according to various exemplary embodiments of the present disclosure are described in the "Exemplary Methods" section.
  • a program product 1200 for implementing the above method according to an exemplary embodiment of the present disclosure is described. It may adopt a portable compact disk read-only memory (CD-ROM) and include program codes, and may be used in a terminal Running on equipment, such as a personal computer.
  • CD-ROM compact disk read-only memory
  • the program product of the present disclosure is not limited thereto.
  • the readable storage medium can be any tangible medium that contains or stores a program, and the program can be used by or in combination with an instruction execution system, device, or device.
  • the program product can adopt any combination of one or more readable media.
  • the readable medium may be a readable signal medium or a readable storage medium.
  • the readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or a combination of any of the above. More specific examples (non-exhaustive list) of readable storage media include: electrical connections with one or more wires, portable disks, hard disks, random access memory (RAM), read only memory (ROM), erasable Type programmable read only memory (EPROM or flash memory), optical fiber, portable compact disk read only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • the computer-readable signal medium may include a data signal propagated in baseband or as a part of a carrier wave, and readable program code is carried therein. This propagated data signal can take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • the readable signal medium may also be any readable medium other than a readable storage medium, and the readable medium may send, propagate, or transmit a program for use by or in combination with the instruction execution system, apparatus, or device.
  • the program code contained on the readable medium can be transmitted by any suitable medium, including but not limited to wireless, wired, optical cable, RF, etc., or any suitable combination of the foregoing.
  • the program code for performing the operations of the present disclosure can be written in any combination of one or more programming languages.
  • the programming languages include object-oriented programming languages—such as Java, C++, etc., as well as conventional procedural programming. Language-such as "C" language or similar programming language.
  • the program code can be executed entirely on the user's computing device, partly on the user's device, executed as an independent software package, partly on the user's computing device and partly executed on the remote computing device, or entirely on the remote computing device or server Executed on.
  • the remote computing device can be connected to a user computing device through any kind of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computing device (for example, using Internet service providers) Business to connect via the Internet).
  • LAN local area network
  • WAN wide area network
  • Internet service providers Internet service providers
  • modules or units of the device for action execution are mentioned in the above detailed description, this division is not mandatory.
  • the features and functions of two or more modules or units described above may be embodied in one module or unit.
  • the features and functions of a module or unit described above can be further divided into multiple modules or units to be embodied.

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Image Processing (AREA)
  • Image Analysis (AREA)

Abstract

La présente invention concerne un procédé d'affichage d'image, un appareil d'affichage d'image, un dispositif électronique et un support d'informations lisible par ordinateur, appartenant au domaine technique d'affichage d'image. Le procédé est appliqué à un dispositif d'affichage, et le dispositif d'affichage présente une zone d'affichage. Le procédé consiste : à acquérir une image cible à afficher (S210) ; à détecter si la taille de l'image cible correspond à celle de la zone d'affichage (S220) ; si la taille de l'image cible correspond à celle de la zone d'affichage, à afficher l'image cible dans la zone d'affichage (S230) ; et si la taille de l'image cible ne correspond pas à celle de la zone d'affichage, à afficher l'image cible dans la zone d'affichage, et à afficher une image d'arrière-plan dans au moins une sous-zone d'une zone non remplie où l'image cible n'est pas affichée (S240). Au moyen du procédé, l'esthétique et la flexibilité d'un dispositif d'affichage d'image peut être améliorée.
PCT/CN2020/075654 2019-04-22 2020-02-18 Procédé d'affichage d'image, appareil d'affichage d'image, dispositif électronique et support d'informations WO2020215861A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910325380.9A CN110060203A (zh) 2019-04-22 2019-04-22 图片显示方法、图片显示装置、电子设备及存储介质
CN201910325380.9 2019-04-22

Publications (1)

Publication Number Publication Date
WO2020215861A1 true WO2020215861A1 (fr) 2020-10-29

Family

ID=67320021

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/075654 WO2020215861A1 (fr) 2019-04-22 2020-02-18 Procédé d'affichage d'image, appareil d'affichage d'image, dispositif électronique et support d'informations

Country Status (2)

Country Link
CN (1) CN110060203A (fr)
WO (1) WO2020215861A1 (fr)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113837928A (zh) * 2021-09-17 2021-12-24 平安普惠企业管理有限公司 对象颜色调整方法、装置、电子设备及存储介质
CN114035762A (zh) * 2021-11-10 2022-02-11 Tcl华星光电技术有限公司 拼接屏图像显示方法、相关装置及存储介质

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110060203A (zh) * 2019-04-22 2019-07-26 京东方科技集团股份有限公司 图片显示方法、图片显示装置、电子设备及存储介质
CN112529765A (zh) * 2019-09-02 2021-03-19 阿里巴巴集团控股有限公司 图像处理方法、设备及存储介质
CN111047653A (zh) * 2019-11-11 2020-04-21 北京奇艺世纪科技有限公司 一种主色调确定方法、装置、设备及可读介质
CN111460929B (zh) * 2020-03-17 2022-07-19 稿定（厦门）科技有限公司 不特定图框图像填充方法及装置
CN111526407B (zh) * 2020-04-03 2022-05-10 荣耀终端有限公司 屏幕内容的显示方法及装置
CN113660495A (zh) * 2021-08-11 2021-11-16 易谷网络科技股份有限公司 实时视频流压缩方法、装置、电子设备以及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100185383A1 (en) * 2006-12-20 2010-07-22 Kennedy Brian B System and method for identifying changes on navigation procedure charts
CN106959964A (zh) * 2016-01-12 2017-07-18 阿里巴巴集团控股有限公司 界面背景显示方法
CN107729099A (zh) * 2017-09-25 2018-02-23 联想(北京)有限公司 背景调整方法及其系统
CN109597664A (zh) * 2018-09-21 2019-04-09 北京字节跳动网络技术有限公司 展示区域的背景配置方法、装置、设备及可读介质
CN110060203A (zh) * 2019-04-22 2019-07-26 京东方科技集团股份有限公司 图片显示方法、图片显示装置、电子设备及存储介质

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8098261B2 (en) * 2006-09-05 2012-01-17 Apple Inc. Pillarboxing correction
CN101221740B (zh) * 2007-01-08 2010-06-09 鸿富锦精密工业（深圳）有限公司 电子相框
KR101411324B1 (ko) * 2007-08-14 2014-06-25 삼성전자주식회사 이미지 디스플레이 방법 및 상기 방법을 적용한 디스플레이장치
CN101521004B (zh) * 2008-02-29 2011-12-14 鹏智科技(深圳)有限公司 具有图片处理功能的电子装置及其图片处理方法
US8432431B2 (en) * 2008-06-30 2013-04-30 Hewlett-Packard Development Company, L.P. Compositing video streams
CN103151022A (zh) * 2013-01-31 2013-06-12 广东欧珀移动通信有限公司 一种根据背景颜色自动改变字体颜色的方法和系统
KR20160074288A (ko) * 2014-12-18 2016-06-28 삼성전자주식회사 디스플레이 장치 및 그 제어 방법
CN106294501A (zh) * 2015-06-09 2017-01-04 腾讯科技（深圳）有限公司 网页动画效果显示方法和装置
CN109254815A (zh) * 2018-08-21 2019-01-22 奇酷互联网络科技（深圳）有限公司 显示界面的显示方法、移动终端和存储介质
CN109491726B (zh) * 2018-11-16 2021-11-09 掌阅科技股份有限公司 开屏文件的呈现方法、电子设备及计算机存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100185383A1 (en) * 2006-12-20 2010-07-22 Kennedy Brian B System and method for identifying changes on navigation procedure charts
CN106959964A (zh) * 2016-01-12 2017-07-18 阿里巴巴集团控股有限公司 界面背景显示方法
CN107729099A (zh) * 2017-09-25 2018-02-23 联想(北京)有限公司 背景调整方法及其系统
CN109597664A (zh) * 2018-09-21 2019-04-09 北京字节跳动网络技术有限公司 展示区域的背景配置方法、装置、设备及可读介质
CN110060203A (zh) * 2019-04-22 2019-07-26 京东方科技集团股份有限公司 图片显示方法、图片显示装置、电子设备及存储介质

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113837928A (zh) * 2021-09-17 2021-12-24 平安普惠企业管理有限公司 对象颜色调整方法、装置、电子设备及存储介质
CN114035762A (zh) * 2021-11-10 2022-02-11 Tcl华星光电技术有限公司 拼接屏图像显示方法、相关装置及存储介质
US11989478B2 (en) 2021-11-10 2024-05-21 Tcl China Star Optoelectronics Technology Co., Ltd. Splicing screen image display method comprising adding frame display areas to outer edges of a source image and related apparatus

Also Published As

Publication number Publication date
CN110060203A (zh) 2019-07-26

Similar Documents

Publication Publication Date Title
WO2020215861A1 (fr) Procédé d'affichage d'image, appareil d'affichage d'image, dispositif électronique et support d'informations
KR100667663B1 (ko) 화상 처리 장치, 화상 처리 방법 및 그 프로그램을 기록한 컴퓨터 판독 가능한 기록매체
WO2018072271A1 (fr) Procédé et dispositif d'optimisation d'affichage d'image
RU2450476C2 (ru) Устройство и способ определения оптимальной задней подсветки
CN111654635A (zh) 拍摄参数调节方法、装置及电子设备
CN106898026B (zh) 一种图片的主色调提取方法和装置
US8094935B2 (en) Representative color extracting method and apparatus based on human color sense and data histogram distributions
US8421819B2 (en) Pillarboxing correction
WO2021164550A1 (fr) Procédé et appareil de classification d'images
WO2017152762A1 (fr) Procédé et appareil de réglage de couleur d'interface, et procédé et appareil de réglage de couleur de page web
US20140212037A1 (en) Image processing apparatus, image processing method, and computer readable medium
JP2011192091A (ja) 画像属性判別装置、属性判別支援装置、画像属性判別方法、属性判別支援装置の制御方法、および、制御プログラム
CN112328345B (zh) 用于确定主题色的方法、装置、电子设备及可读存储介质
US20220328019A1 (en) Display terminal adjustment method and display terminal
US20230105393A1 (en) Image processing method, image processing device, and computer device
CN113132696B (zh) 图像色调映射方法、装置、电子设备和存储介质
US8830251B2 (en) Method and system for creating an image
CN112102422B (zh) 图像处理方法及装置
US20150371411A1 (en) Computerized systems and methods for rendering a user interface element
Yu et al. Color scheme adaptation to enhance user experience on smartphone displays leveraging ambient light
CN114512094B (zh) 屏幕色彩调节方法、装置、终端及计算机可读存储介质
CN113537233B (zh) 融合可见光和近红外信息的典型目标材质属性提取方法及装置
WO2022246945A1 (fr) Procédé et appareil d'affichage d'informations, dispositif ra et support de stockage
JP6154545B2 (ja) 情報処理装置
US11706522B2 (en) Imaging system, server, imaging device, imaging method, program, and recording medium having a function of assisting capturing of an image coincident with preference of a user

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20794411

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20794411

Country of ref document: EP

Kind code of ref document: A1

122 Ep: pct application non-entry in european phase

Ref document number: 20794411

Country of ref document: EP

Kind code of ref document: A1

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 10.05.2022)

122 Ep: pct application non-entry in european phase

Ref document number: 20794411

Country of ref document: EP

Kind code of ref document: A1