CN110502205A - Picture showing edge processing method, device, electronic equipment and readable storage medium storing program for executing - Google Patents
Picture showing edge processing method, device, electronic equipment and readable storage medium storing program for executing Download PDFInfo
- Publication number
- CN110502205A CN110502205A CN201910805951.9A CN201910805951A CN110502205A CN 110502205 A CN110502205 A CN 110502205A CN 201910805951 A CN201910805951 A CN 201910805951A CN 110502205 A CN110502205 A CN 110502205A
- Authority
- CN
- China
- Prior art keywords
- picture
- edge
- display
- preset
- display area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 8
- 238000012545 processing Methods 0.000 claims abstract description 45
- 230000000007 visual effect Effects 0.000 claims abstract description 45
- 238000000034 method Methods 0.000 claims description 49
- 230000015654 memory Effects 0.000 claims description 20
- 238000012800 visualization Methods 0.000 claims description 15
- 238000005516 engineering process Methods 0.000 abstract description 3
- 230000004069 differentiation Effects 0.000 abstract description 2
- 230000000694 effects Effects 0.000 description 13
- 230000008569 process Effects 0.000 description 9
- 230000006870 function Effects 0.000 description 8
- 238000009877 rendering Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 5
- 230000006978 adaptation Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 206010021403 Illusion Diseases 0.000 description 2
- 238000013459 approach Methods 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 239000011159 matrix material Substances 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 208000003464 asthenopia Diseases 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001151 other effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 229920006395 saturated elastomer Polymers 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000036642 wellbeing Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
This application discloses a kind of picture showing edge processing method, device, electronic equipment and readable storage medium storing program for executing, are related to picture display technology.By obtaining the showing edge of picture to be processed according to viewing area corresponding with picture to be processed shape；In the first edge pixel of showing edge, the second edge pixel of the determining obscurity boundary between preset page layout background；The visual attribute information to form boundary differentiation is configured to second edge pixel, obtains retouching the picture behind side；The picture after retouching side is shown with viewing area shape, to be directed in showing edge and pixel at page layout background obscurity boundary, realize the processing to picture showing edge, it obtains retouching the picture behind side, improve the visual integrity that picture is shown, and configured by the pixel to picture itself, reduce the compliance that image edge is shown.
Description
Technical Field
The application relates to the field of computers, in particular to a picture display technology.
Background
When the pictures are displayed on the page, the border of the picture content is not clear due to the fact that the color of the border area is consistent with the color of the page background, and a visual illusion that the pictures are incomplete is provided for a user.
In the prior art, frames are added to a picture container in a CSS style sheet, and resolution adaptation styles are added to frame elements to form adapted frame widths at different resolutions. For example, if a frame of 1 logic unit is added under 3 times of the screen, the reduction is set to be 3 times on the basis of the preset logic pixel edge width.
However, the existing stroke scheme can only be used in a browser supporting the cs 3 characteristic, and has the problems of compatibility in screen resolution and the like. Moreover, the color of the frame may coincide with a part of the edge of the picture, and the picture boundary may not be clear. Therefore, the existing picture display method is not high in reliability and poor in user experience.
Disclosure of Invention
The invention aims to provide a picture display edge processing method and device, an electronic device and a readable storage medium.
According to a first aspect of the present invention, there is provided a picture display edge processing method, including:
acquiring a display edge of the picture to be processed according to the shape of the display area corresponding to the picture to be processed;
determining second edge pixel points with fuzzy boundaries with a preset page background in the first edge pixel points of the display edge;
configuring visual attribute information for boundary distinction formed by the second edge pixel points and the page background to obtain a stroked picture;
and displaying the stroked picture in the shape of the display area.
According to the method and the device, visual attribute information configuration capable of being distinguished from the background boundary is carried out on the pixel points at the fuzzy positions of the boundary between the display edge and the page background boundary, the display edge of the picture is processed, the picture after the picture is stroked is obtained, so that the boundary visual effect distinguished from the page background can be achieved when the picture after the stroked is displayed, the visual integrity of picture display is improved, and the compatibility requirement of the picture edge display is lowered through the configuration of the pixel points of the picture.
In some embodiments, the obtaining a display edge of a to-be-processed picture according to a preset display area shape includes:
determining a display area in the picture to be processed according to a preset display area shape and a preset filling attribute, wherein the display area is an area of the picture to be processed filled in the display area shape by the filling attribute, and the filling attribute comprises a scaling attribute and/or an offset attribute;
and taking the edge of the display area as the display edge of the picture to be processed.
According to the method and the device, the accuracy of the stroking position is improved by acquiring the edge of the display area in the picture.
In some embodiments, before the obtaining the display edge of the to-be-processed picture according to the preset display area shape, the method further includes:
and acquiring the shape of a display area of the picture to be processed according to a preset picture layout and/or the picture proportion of the picture to be processed.
The embodiment of the application improves the adaptation degree of the shape of the display area and the picture to be processed, thereby improving the display effect of the picture to be processed.
In some embodiments, the obtaining the display area shape of the to-be-processed picture according to the preset picture layout includes:
acquiring the space between adjacent image queues, the page margin and the number of the image queues according to a preset waterfall flow type layout;
determining the limited size of the picture queue according to the preset page width, the adjacent picture queue space, the page margin and the number of the picture queues, wherein the limited size is the size of the picture queue in the direction perpendicular to the arrangement direction of the picture queues;
acquiring a rectangular display scale for the picture to be processed;
and acquiring the shape of a display area of the picture to be processed in a waterfall flow type layout according to the limited size of the picture queue and the rectangular display proportion, wherein the shape of the display area meets the limited size in the direction perpendicular to the arrangement direction of the picture queue and is a rectangle conforming to the rectangular display proportion.
According to the embodiment of the application, the shape of the display area is determined according to the characteristics of the waterfall flow type layout, so that the reliability of the display edge when the picture is displayed by the waterfall flow type layout is improved.
In some embodiments, the determining, among the first edge pixel points of the display edge, a second edge pixel point blurred from a preset page background boundary includes:
acquiring background color information of a page background;
acquiring the degree of color difference between pixel color information and the background color information for each first edge pixel point of the display edge;
and taking the first edge pixel points with the color difference degree smaller than a preset color difference threshold value as second edge pixel points with fuzzy preset page background boundaries.
According to the method and the device, the second edge pixel point which is fuzzy with the preset page background boundary is determined through the color difference comparison of the pixel color information and the background color information, and the accuracy of edge processing on the picture to be processed is improved.
In some embodiments, the obtaining background color information of the page background includes:
and determining background color information of the page background according to the color average value and/or the color information with the maximum ratio of the page background.
The background color information acquired by the embodiment of the application can reflect or approach the main color of the page background, so that the second edge pixel point can be determined more accurately, and the reliability of edge processing of the image to be processed is improved.
In some embodiments, before obtaining a degree of color difference between pixel color information and background color information for each first edge pixel point of the display edge, the method further includes:
and in the picture to be processed, taking pixel points located in a preset edge width range at the inner side of the display edge as first edge pixel points, wherein the unit of the preset edge width range is a physical pixel.
According to the method and the device, the edge width of the physical pixels is set, so that the edge width display difference under different N times of screens is avoided.
In some embodiments, before configuring, to the second edge pixel point, visual attribute information that forms a boundary distinction with the page background to obtain a stroked picture, the method further includes:
acquiring boundary line visual attribute information corresponding to the background color information according to a preset corresponding relation between a background color and the boundary line visual attribute, wherein the boundary line visual attribute information comprises a color attribute and a transparency attribute;
and taking the boundary line visualization attribute information as visualization attribute information which forms boundary distinction with the page background.
According to the embodiment of the application, the visual attribute information for configuring the second edge pixel point is determined according to the background color, so that the degree of distinction between the display edge and the background color is expected, and the reliability of edge processing is improved.
In some embodiments, displaying the stroked picture in the display area shape includes:
determining a picture container and a container position of a waterfall flow type layout according to the shape of the display area;
and filling the stroked picture into the picture container according to a preset filling attribute for displaying so as to carry out scaling and/or offset setting on the stroked picture, so that the picture container can shield the picture content except the display edge.
In the embodiment, the process of rendering and displaying the stroked picture by waterfall flow has a better visual display effect.
According to a second aspect of the present invention, there is provided a picture display edge processing apparatus comprising:
the edge determining module is used for acquiring the display edge of the picture to be processed according to the shape of the display area corresponding to the picture to be processed;
the comparison module is used for determining second edge pixel points with fuzzy boundaries with a preset page background in the first edge pixel points of the display edge;
the stroking module is used for configuring visual attribute information for boundary distinction formed by the second edge pixel points and the page background to obtain a stroked picture;
and the display module is used for displaying the stroked picture in the shape of the display area.
According to a third aspect of the present invention, there is provided an electronic apparatus comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of the first aspect of the invention.
According to a fourth aspect of the present invention there is provided a non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any of the first aspects of the present invention.
One embodiment in the above application has the following advantages or benefits: the reliability of edge processing is improved, the visual integrity of picture display is improved, and the compatibility requirement of picture edge display is reduced by configuring the pixel points of the picture. By aiming at the pixel points at the fuzzy part of the display edge and the page background boundary, the visual attribute information configuration which can form boundary distinction with the background is carried out, the processing of the image display edge is realized, and the stroked image is obtained, so the technical problems of compatibility dependence on display equipment and insufficient edge display reliability in the prior art are solved, and the visual experience of a user when the user views the image is further improved.
Other effects of the above-described alternative will be described below with reference to specific embodiments.
Drawings
The drawings are included to provide a better understanding of the present solution and are not intended to limit the present application. Wherein:
FIG. 1 is an example of a prior art problem of unclear picture edges;
FIG. 2 is an example of an edge processing effect of a conventional picture;
fig. 3 is a schematic flowchart of a method for processing an edge of a picture display according to an embodiment of the present disclosure;
FIG. 4 is an example of a display edge of a to-be-processed picture provided in an embodiment of the present application;
FIG. 5 is an example of a display of pictures in a height-fixed and variable-width waterfall type layout page provided by the present application;
FIG. 6 is a schematic structural diagram of an image display edge processing apparatus according to an embodiment of the present disclosure;
fig. 7 is a block diagram of an electronic device for implementing a picture display edge processing method according to an embodiment of the present application.
Detailed Description
The following description of the exemplary embodiments of the present application, taken in conjunction with the accompanying drawings, includes various details of the embodiments of the application for the understanding of the same, which are to be considered exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the present application. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
With the development of internet technology, the modes of browsing web pages by a browser and browsing pictures by a terminal application program are diversified, and the rich browsing modes facilitate the process of browsing page information by a user. The user obtains the desired information by browsing the web page content or inquiring the content pre-stored locally, and the picture is one of the main information presented to the user by the page, if the background of the page is consistent with the edge color shown by the picture, the user will generate the visual illusion that the picture is incomplete. Referring to fig. 1, there is an example of a problem that an edge of a picture is not clear. In the picture displayed on the page shown in fig. 1, since the white color of the sky is consistent with the white color of the background of the page, the user is likely to visually generate the illusion that the picture is a special-shaped picture with a building as a picture boundary, rather than the original rectangular picture, and the picture display effect is poor. Therefore, the image needs to be subjected to edge processing, and the visual experience of the user in browsing the image is improved.
Referring to fig. 2, an example of an effect of processing an edge of a picture is provided. In the example shown in fig. 2, a frame of one logical unit is added to a picture container through the CSS style sheet, and a resolution adaptation style is added to the frame to realize conversion of frame pixels, so as to improve the distinguishing effect between a picture and a background. The method shown in fig. 2 still has many problems. For example, the page needs to be narrowed accordingly according to the resolution used by different devices. However, this needs to rely on the compatibility of the web browser, and the widened margin effect may occur in a browser or an application program that does not support the resolution adaptation style, so that the edge processing is not reliable enough. For another example, the pattern of the border added to the picture container may be similar to or consistent with the color of other edge portions of the picture, thereby creating a new unclear border. For example, green leaves are used as borders, but the color and texture pattern of the borders may be consistent with the leaves in the picture, and the borders and the picture overlap again at the edges of the picture displaying the leaves, so that the edge processing is not reliable enough, or the picture may be visually displayed with defects. In addition, the effect of setting a frame on the picture is likely to influence the original overall design effect of the picture, so that the user experience is not good enough.
In order to solve the problems in the prior art, the visual attribute of the picture to be displayed is configured on the display edge which is consistent with the background color, so that the picture is demarcated from the background, the dependence on equipment is reduced, the reliability of edge processing is improved, and the reliability of picture display is further improved.
Fig. 3 is a schematic flow chart of a method for processing an edge of a picture display provided in an embodiment of the present application. The execution subject of the present application may be software and/or hardware having a picture display function, for example, a picture display edge processing device. The image display margin processing device may be a mobile device having an image display function, such as a mobile phone, a Personal Digital Assistant (PDA), a tablet computer, or a portable device (e.g., a portable computer, a pocket computer, or a handheld computer), or may be a fixed device having an image display function, such as an entrance guard, a smart phone, or a console. In addition, the picture display edge processing means may also be an application program provided with an image display function stored in these devices. The embodiment of the present application does not limit the form of the image display edge processing apparatus. The method shown in fig. 3 includes steps S101 to S104, and the present application is illustrated below with reference to the accompanying drawings and specific embodiments.
S101, acquiring the display edge of the picture to be processed according to the display area shape corresponding to the picture to be processed.
The to-be-processed picture is obtained in advance, and the to-be-processed picture can be obtained from a pre-stored picture to be loaded in a page according to the input operation of a user for scrolling a display screen. For example, reading a pre-stored original picture into a temporary storage unit to obtain the picture to be processed. However, since the picture is finally displayed on the page, the picture is limited by the page layout or the picture container, and the edge actually displayed may not be the edge of the picture itself. Therefore, when it is determined whether the edge of the picture and the background are displayed unclear, the display edge of the picture to be processed needs to be determined first, so as to improve the accuracy of the subsequent edge tracing processing.
Referring to fig. 4, an example of a display edge of a to-be-processed picture provided in the embodiment of the present application is shown. For the picture to be processed shown in fig. 4, the edge efgh is the original edge of the picture to be processed, the shape of the edge abcd represents the shape of the display area of the picture to be processed, and the edge abcd itself also represents the display edge of the picture to be processed. In some embodiments, a display area may be determined in the to-be-processed picture according to a preset display area shape and a preset filling attribute, where the display area is an area of the to-be-processed picture filled with the filling attribute in the display area shape, and the filling attribute includes a scaling attribute and/or an offset attribute. For example, the shape of the display area is a vertical rectangle shown by the edge abcd, the picture to be processed is a horizontal rectangle shown in fig. 4, and when the display area is determined, the display area can be determined in the picture to be processed by using the shape of the display area in combination with some preset filling attributes. By combining the fill attribute, a fill effect such as overall centered display, centered display of primary content, or maximization of display content may be achieved. For example, the center point of the to-be-processed picture may be aligned with the preset display area shape according to the preset offset attribute, and when the to-be-processed picture is zoomed to the picture content with the largest coverage in the display area shape according to the preset zoom attribute, the part of the to-be-processed picture that is framed and selected by the display area shape may be used as the display area. The offset attribute may specifically be a center offset of the to-be-processed picture, and the scaling attribute may specifically be a scaling of the to-be-processed picture. The scaling ratio may be preset, or may be determined according to the ratio of the main image content in the picture to be processed. Finally, the edge of the display area is used as the display edge of the to-be-processed picture, which is shown in fig. 4 as an edge abcd.
In the above embodiments, the shapes of the display areas of different pictures to be processed may be fixed (e.g. conventional matrix picture layout) or may be variable (e.g. waterfall type layout). For example, in some browsers, display pictures are loaded in a waterfall-like layout. Referring to fig. 5, a diagram of an example of a waterfall type layout page with fixed height and variable width is provided in the present application. The main characteristic of the waterfall type layout is the well-being. The image display mode of fixed width and variable height (vertical layout) or fixed height and variable width (horizontal layout) in the waterfall flow type layout enables the page to be different from the traditional matrix type picture layout, different visual levels are formed, and visual fatigue is relieved due to the random flowing of the sight.
For example, in some embodiments, the display area shape of the picture to be processed may be obtained according to a preset picture layout. Since in a waterfall type layout with variable width and height, the height of the previous picture may affect the height of the display of the picture below. Therefore, the distance between adjacent image queues, the page margin and the number of the image queues can be obtained according to the preset waterfall flow type layout. In the waterfall flow type layout (vertical layout) with the fixed width and the variable height, the picture queue is a string of pictures arranged in columns, and each column is a picture queue; in the waterfall flow type layout (horizontal layout) with fixed height and variable width, the picture queue is a string of pictures arranged in rows, and each row is a picture queue. In a landscape layout, the page margin is the distance between the first or last row and the page edge; the number of picture queues is the number of lines in the picture. Then, determining the limited size of the picture queue according to the preset page width, the adjacent picture queue space, the page margin and the number of the picture queues, wherein the limited size is the size of the picture queue in the direction perpendicular to the arrangement direction of the picture queues. For example, a defined dimension of an equal width waterfall flow layout is a width and a defined dimension of an equal height waterfall flow layout is a height. In a waterfall type layout, all pictures are displayed as rectangles. Therefore, a rectangular display scale (for example, three selectable rectangular display scales 1:1, 2:3, and 3:4) needs to be obtained for the picture to be processed. And then acquiring the shape of a display area of the picture to be processed in the waterfall flow type layout according to the limited size of the picture queue and the rectangular display proportion, wherein the shape of the display area is a rectangle which meets the limited size in the direction perpendicular to the arrangement direction of the picture queue and accords with the rectangular display proportion. The shape of the display area is actually the shape of the last picture container, for example, if the previous picture container is a rectangular picture container, the picture immediately below the previous picture container is a square picture container with the same height, and therefore, the shape of the display area corresponding to the previous picture container can be determined according to the picture layout corresponding to the picture to be processed. In some picture layouts, the shape of the display area may not be limited to a rectangle, and is not limited herein.
In other embodiments, the shape of the display area of the to-be-processed picture may be obtained according to the picture proportion of the to-be-processed picture. For example, if the picture to be processed is a square picture with a height of 1:1, a shape with central symmetry such as a square or a circle is taken as the display area shape; if the picture to be processed is a picture with a height of 2:3 or 3:4, a non-centrosymmetric shape such as a rectangle or an ellipse is used as the display area shape. The shape which is more suitable for the proportion of the picture to be processed is taken as the shape of the display area, so that a larger display range can be obtained in the picture to be processed, and better user experience can be achieved.
The above-described embodiments using the preset picture layout and the embodiments using the picture scale of the picture to be processed may be combined. For example, the shape of the display area of a rectangle or a square that can be used is determined in conjunction with the picture layout, and then the rectangle is determined as the shape of the display area in conjunction with the picture scale of the picture to be processed. The order and the specific manner of combining the two are not limited in this application.
According to the method and the device, the accuracy of the display edge of the acquired picture to be processed is improved, and then which parts on the display edge can not form a distinguishing boundary with the background in the next step needs to be determined.
And S102, determining a second edge pixel point with a fuzzy boundary with a preset page background in the first edge pixel points of the display edge.
In this embodiment, the second edge pixel point blurred from the preset page background boundary may be understood as a partial pixel point on the display edge having the same or similar color as the page background. For example, on the edge abcd shown in fig. 4, the colors of buildings, leaves, and roads are different from the white background, but the white color of the sky is identical to the white color of the background, and there is no visual boundary. Therefore, in the example shown in fig. 4, the edge pixel points corresponding to the sky need to be reconfigured, and finally the effect shown in fig. 5 is formed. The method for determining the second edge pixel point has various modes, and can be that all pixel points in the picture to be processed are traversed, and then the pixel points which meet the fuzzy condition of the position at the display edge and the preset page background boundary are determined as the second edge pixel points. Or, the second edge pixel point is determined according to the fuzzy condition of the boundary with the preset page background in the pixel points determined by the rough screening.
To improve the accuracy of the edge processing, for example, background color information of the page background may be obtained first. And then, for each first edge pixel point of the display edge, acquiring the color difference degree between the pixel color information and the background color information. For example, comparing the pixel color information with the color value corresponding to the background color information to obtain the color difference degree. The pixel color information and the background color information used for comparison herein may be, for example, RGB values of the pixel and the background, but the present application is not limited thereto. And finally, the first edge pixel points with the color difference degrees smaller than a preset color difference threshold value can be used as second edge pixel points with fuzzy preset page background boundaries. The preset color difference threshold is, for example, a color difference value indicating whether or not discrimination is possible. If the color difference is smaller than the preset color difference threshold, the color difference is the degree which cannot be distinguished by human eyes; if the color difference is larger than the preset color difference threshold value, the color difference is the degree which can be distinguished by human eyes.
In the above embodiment, if the page background is a solid background, the background color information is directly obtained. However, if the page background is a patterned background, the color contained in the page background is not a single color. In order to improve the reliability of the obtained second edge pixel point, whether the background color is single or not, the representative color can be compared with the pixel color information of the second edge pixel point in a mode of taking the representative color as the background color. The representative color may be one or a combination of two of a color average value of the page background and color information with the largest proportion. Specifically, the background color information of the page background may be determined according to the color average and/or the color information with the largest proportion of the page background. The obtained background color information can reflect or approach the color adopted by the page background, so that the second edge pixel point can be determined more accurately, and the reliability of edge processing of the image to be processed is improved.
In some embodiments, in order to avoid the edge width display difference under different screens, before calculating the color difference degree, the edge width may be defined by physical pixels, and at the display edge of the to-be-processed picture, a first edge pixel point meeting a preset edge width range is determined. For example, in the to-be-processed picture, a pixel point located in a preset edge width range inside the display edge may be used as the first edge pixel point, where a unit of the preset edge width range is a physical pixel. For example, if 1 physical pixel is taken as the edge width of the display edge, the pixel point within 1 physical pixel within the display edge is taken as the first edge pixel point.
In the above embodiment, in order to improve the reliability of the boundary distinction between the edge-processed image and the background, after the background color is obtained and before step S103 is executed, the visualization attribute information for configuring the second edge pixel point may be determined according to the background color. The visualization attribute information may be attribute information of visualization such as color, transparency, brightness, saturation, gray scale, and the like. In some optional embodiments, a corresponding relationship between the background color and the boundary line visualization attribute may be preset, for example, the boundary line visualization attribute that each background color can be sampled is recorded in the form of a mapping table, so as to achieve the effect of the boundary. For example, for a white background color, the corresponding preset boundary line visualization property may be: "color attribute: black "," transparency property: 50% ". Specifically, the border line visual attribute information corresponding to the background color information may be obtained according to a preset correspondence between a background color and a border line visual attribute, where the border line visual attribute information includes a color attribute and a transparency attribute. And taking the boundary line visualization attribute information as visualization attribute information which forms boundary distinction with the page background. The embodiment determines the color and transparency of the current drawing according to the background color, and the color attribute can be, for example, the color with the maximum contrast with the current background color, so as to improve the reliability of the boundary. And a certain transparency is set, so that the abrupt feeling caused by over-saturated colors is avoided, and the visual comfort of the user is improved. The differentiation degree of the display edge and the background color is expected through the combined configuration of the color attribute and the transparency attribute, and the reliability of edge processing is further improved.
S103, configuring visual attribute information for boundary distinction formed by the second edge pixel points and the page background to obtain a stroked picture.
It can be understood that, in the embodiment of the foregoing step, it has been determined that the reason for visually generating the illusion of the image is that the color of the second edge pixel point is the same as or similar to the background color, and then, to solve this problem, the visualization attribute of this part of pixel points needs to be reconfigured, which may be understood as the process of tracing. The tracing processing in the application is not full-edge tracing in the prior art, but can be understood as replacing second edge pixel points on a picture to be processed with pixel points meeting visual attribute information for forming boundary distinction with the page background, and does not process other positions of the display edge except the second edge pixel points. The specific alternative here is, for example, to reconfigure the second edge pixel point to include the color attribute. With continued reference to the example shown in fig. 5, the edges occupied by buildings, foliage, and roads have not been reconfigured to pixel points, but the edges occupied by sky have been configured as black, translucent pixel points.
And S104, displaying the stroked picture in the shape of the display area.
In the present application, the display area shape is not limited to the rectangle illustrated in fig. 4 and 5, but the display area shape may be understood as the shape of a picture container provided for a page. It can be understood as rendering or prerendering the pre-layout of the stroked picture in the shape of the display area.
In some embodiments of the waterfall type layout, the picture container and the container position of the waterfall type layout may be determined according to the display area shape. For example, the width and height of the picture container and the arrangement position in the page are acquired. And then filling the stroked picture into the picture container according to a preset filling attribute for displaying so as to carry out scaling and/or offset setting on the stroked picture, so that the picture container can shield the picture content except the display edge. It can be understood that the width, height and offset of the stroked picture are set so as to completely display the display area, and hide the picture content beyond the picture container and do not display the picture content. In the case of a waterfall flow type layout, the following is generally adopted: acquiring at least one picture object to be displayed in waterfall flow type layout arrangement; when receiving the operation of scrolling the page input by the user, continuously loading a new picture object by the terminal; and temporarily storing the browsing history of the picture object removed from the page display area in the page scrolling process.
The embodiment of the application provides a picture display edge processing method, which comprises the steps of obtaining a display edge of a picture to be processed according to a preset display area shape; determining second edge pixel points which are fuzzy with a preset page background boundary in the first edge pixel points of the display edge; configuring visual attribute information for boundary distinction formed by the second edge pixel points and the page background to obtain a stroked picture; the stroked picture is displayed in the shape of the display area, so that visual attribute information configuration capable of forming boundary distinction with the background is carried out for pixel points at fuzzy positions of the display edge and the page background boundary, the picture display edge is processed, the stroked picture is obtained, and therefore when the stroked picture is displayed, the boundary visual effect distinguished from the page background is achieved, the visual integrity of picture display is improved, and the compatibility requirement of picture edge display is lowered through the configuration of the pixel points of the picture.
In some specific implementations, the example is given by a browser displaying a waterfall type picture layout.
First, an initialization step of page information is performed. In the initialization step, color pictures of a page background, edge-drawing attributes (including edge width, color attributes and transparency attributes, for example), display proportions (one of three selectable proportions 1:1, 2:3 and 3:4, for example) of pictures to be displayed in a waterfall type layout, a page width, two side margins of the waterfall type layout in a page, display column numbers (taking 2 columns as an example) of the pictures in the waterfall type layout, and a distance between adjacent picture columns are calculated.
And then, calculating a display area of the picture to be displayed in the waterfall flow type layout, and determining a display edge. Specifically, the width of the picture container of each column of pictures is calculated according to the page width obtained in the initialization process, the two side margins of the waterfall-flow type layout in the page, the number of display columns of the pictures in the waterfall-flow type layout and the distance between adjacent picture columns. The width w of the picture container is (width-2) padding-gap)/2, wherein padding refers to the distance between two sides of the waterfall type layout in the page, and gap refers to the distance between 2 adjacent picture columns. According to the picture display scale, for example, 2:3, the display height h of the picture in the page w 2/3 can be calculated, where w, h is the width w and height h of the display area of the picture to be displayed. And according to the original width and height naturalWidth and naturalHeight of the picture and the requirement of a preset display rule that the picture to be displayed is aligned vertically, horizontally, and centrally in the display area { w, h }, the coordinate position of the picture to be displayed in the display area { w, h } can be calculated. The display area data of the picture to be displayed obtained in the step comprises { left, top, sw, sh, naturalWidth, naturalHeight, w, h }, wherein left is offset in the horizontal direction, and top is offset in the vertical direction; sw is the zoomed width of the picture to be displayed, and sh is the zoomed height of the picture to be displayed; naturalWidth is the original width of the picture to be displayed, and naturalHeight is the original height of the picture to be displayed; w is the width of the picture container of the picture to be displayed, and h is the height of the picture container of the picture to be displayed.
Then, a process of drawing is performed. Specifically, the positions of the pixels in the picture to be displayed are traversed according to { left, top, sw, sh, naturalWidth, naturalHeight, w, h } obtained in the last step, and the pixels which are located in the display edge of the region corresponding to { left, top, sw, sh, w, h } and within the frame range [0, border-width ] of the stroke attribute are used as first edge pixels. And extracting the background color of the color picture of the page background in the initialization step. And judging whether the color of each first edge pixel point is consistent with the background color. If not, processing is not carried out, and the next first edge pixel point is jumped to be judged; and if the two pixel values are consistent, setting the first edge pixel point of the current image into the color attribute and the transparency attribute of the stroke attribute, and realizing stroke. And outputting the stroked picture after all the first edge pixel points are traversed. The step of performing the stroking may be to start a Graphics Processing Unit (GPU) parallel rendering capability, transmit the display area data of the picture to be displayed and the stroking attribute obtained by initialization to a fragment shader of the GPU, and determine and process whether the first pixel point pixel of each picture to be displayed is stroked.
And finally, performing waterfall stream rendering on the stroked picture, and displaying the picture. Specifically, the rendered image may be rendered into a 2-column waterfall type layout, and because the image has been subjected to adaptive edge rendering processing according to a rule of whether the color of the rendered image is consistent with the color of the page background, the rendered image has already been subjected to edge rendering, and there is no need to add a cs pattern, a dom node, and the like for edge rendering. The display operation of each picture comprises the following specific steps: setting the width and height { w, h } of the picture container, and hiding the part of the picture content exceeding the container; and setting the width and the height of a picture display area { sw, sh }, and setting offset { left, top } in the horizontal direction and the vertical direction. Thereby, the picture display edge processing is completed.
Corresponding to the method, the application also provides a picture display edge processing device. Fig. 6 is a schematic structural diagram of an image display edge processing apparatus according to an embodiment of the present application. The picture display edge processing apparatus 60 shown in fig. 6 includes:
and the edge determining module 61 is configured to obtain a display edge of the to-be-processed picture according to the display area shape corresponding to the to-be-processed picture.
And a comparison module 62, configured to determine, among the first edge pixel points of the display edge, a second edge pixel point with a fuzzy boundary with a preset page background.
And a stroking module 63, configured to configure visual attribute information for the second edge pixel point to form a boundary distinction with the page background, so as to obtain a stroked picture.
And the display module 64 is used for displaying the stroked pictures in the display area shape.
The terminal in the embodiment shown in fig. 6 can be correspondingly used to execute the steps in the method embodiment shown in fig. 3, and the implementation principle and technical effect are similar, which are not described herein again.
In some embodiments, the edge determining module 61 is configured to determine a display area in the to-be-processed picture according to a preset display area shape and a preset filling attribute, where the display area is an area of the to-be-processed picture filled with the filling attribute in the display area shape, and the filling attribute includes a scaling attribute and/or an offset attribute; and taking the edge of the display area as the display edge of the picture to be processed.
In some embodiments, the edge determining module 61 is further configured to, before the obtaining of the display edge of the to-be-processed picture according to the preset display area shape, obtain the display area shape of the to-be-processed picture according to a preset picture layout and/or a picture scale of the to-be-processed picture.
In some embodiments, the edge determining module 61 is specifically configured to obtain a distance between adjacent image queues, a page margin and a number of image queues according to a preset waterfall flow type layout; determining the limited size of the picture queue according to the preset page width, the adjacent picture queue space, the page margin and the number of the picture queues, wherein the limited size is the size of the picture queue in the direction perpendicular to the arrangement direction of the picture queues; acquiring a rectangular display scale for the picture to be processed; and acquiring the shape of a display area of the picture to be processed in a waterfall flow type layout according to the limited size of the picture queue and the rectangular display proportion, wherein the shape of the display area meets the limited size in the direction perpendicular to the arrangement direction of the picture queue and is a rectangle conforming to the rectangular display proportion.
In some embodiments, the comparison module 62 is configured to obtain background color information of a page background; acquiring the degree of color difference between pixel color information and the background color information for each first edge pixel point of the display edge; and taking the first edge pixel points with the color difference degree smaller than a preset color difference threshold value as second edge pixel points with fuzzy preset page background boundaries.
In some embodiments, the comparison module 62 is configured to determine the background color information of the page background according to the color average and/or the color information with the largest proportion of the page background.
In some embodiments, the comparison module 62 is further configured to, before obtaining the degree of color difference between the pixel color information and the background color information for each first edge pixel point of the display edge, use, as a first edge pixel point, a pixel point located in a preset edge width range inside the display edge in the to-be-processed picture, where a unit of the preset edge width range is a physical pixel.
In some embodiments, the stroking module 63 is further configured to, before configuring, to the second edge pixel point, visual attribute information that forms a boundary distinction with the page background to obtain a stroked picture, obtain, according to a preset correspondence between a background color and a boundary line visual attribute, boundary line visual attribute information corresponding to the background color information, where the boundary line visual attribute information includes a color attribute and a transparency attribute; and taking the boundary line visualization attribute information as visualization attribute information which forms boundary distinction with the page background.
In some embodiments, the display module 64 is configured to determine a picture container and a container position of a waterfall type layout according to the display area shape; and filling the stroked picture into the picture container according to a preset filling attribute for displaying so as to carry out scaling and/or offset setting on the stroked picture, so that the picture container can shield the picture content except the display edge.
According to an embodiment of the present application, an electronic device and a readable storage medium are also provided.
Fig. 7 is a block diagram of an electronic device according to an embodiment of the present application. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the present application that are described and/or claimed herein.
As shown in fig. 7, the electronic apparatus includes: one or more processors 701, a memory 702, and interfaces for connecting the various components, including a high-speed interface and a low-speed interface. The various components are interconnected using different buses and may be mounted on a common motherboard or in other manners as desired. The processor may process instructions for execution within the electronic device, including instructions stored in or on the memory to display graphical information of a GUI on an external input/output apparatus (such as a display device coupled to the interface). In other embodiments, multiple processors and/or multiple buses may be used, along with multiple memories and multiple memories, as desired. Also, multiple electronic devices may be connected, with each device providing portions of the necessary operations (e.g., as a server array, a group of blade servers, or a multi-processor system). In fig. 7, one processor 701 is taken as an example.
The memory 702 is a non-transitory computer readable storage medium as provided herein. The memory stores instructions executable by at least one processor to cause the at least one processor to perform the method for processing the image display edge provided by the application. The non-transitory computer-readable storage medium of the present application stores computer instructions for causing a computer to perform the method of picture display edge processing provided herein.
The memory 702, as a non-transitory computer readable storage medium, may be used to store non-transitory software programs, non-transitory computer executable programs, and modules, such as program instructions/modules corresponding to the method for processing a picture display edge in the embodiment of the present application (for example, the edge determining module 61, the alignment module 62, the stroke module 63, and the display module 64 shown in fig. 6). The processor 701 executes various functional applications of the server and data processing, namely, implements the method of picture display edge processing in the above-described method embodiments, by running non-transitory software programs, instructions, and modules stored in the memory 702.
The memory 702 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created from use of the electronic device for picture display edge processing, and the like. Further, the memory 702 may include high speed random access memory, and may also include non-transitory memory, such as at least one magnetic disk storage device, flash memory device, or other non-transitory solid state storage device. In some embodiments, the memory 702 may optionally include memory located remotely from the processor 701, and these remote memories may be connected to the picture display edge processing electronics over a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The electronic device of the method for processing the picture display edge may further include: an input device 703 and an output device 704. The processor 701, the memory 702, the input device 703 and the output device 704 may be connected by a bus or other means, and fig. 7 illustrates an example of a connection by a bus.
The input device 703 may receive input numeric or character information and generate key signal inputs related to user settings and function control of the electronic apparatus for picture display edge processing, such as a touch screen, a keypad, a mouse, a track pad, a touch pad, a pointing stick, one or more mouse buttons, a track ball, a joystick, or other input devices. The output devices 704 may include a display device, auxiliary lighting devices (e.g., LEDs), and tactile feedback devices (e.g., vibrating motors), among others. The display device may include, but is not limited to, a Liquid Crystal Display (LCD), a Light Emitting Diode (LED) display, and a plasma display. In some implementations, the display device can be a touch screen.
Various implementations of the systems and techniques described here can be realized in digital electronic circuitry, integrated circuitry, application specific ASICs (application specific integrated circuits), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
These computer programs (also known as programs, software applications, or code) include machine instructions for a programmable processor, and may be implemented using high-level procedural and/or object-oriented programming languages, and/or assembly/machine languages. As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and/or device (e.g., magnetic discs, optical disks, memory, Programmable Logic Devices (PLDs)) used to provide machine instructions and/or data to a programmable processor, including a machine-readable medium that receives machine instructions as a machine-readable signal. The term "machine-readable signal" refers to any signal used to provide machine instructions and/or data to a programmable processor.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), Wide Area Networks (WANs), and the Internet.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other.
According to the technical scheme of the embodiment of the application, the reliability of edge processing is improved, the visual integrity of picture display is improved, and the compatibility requirement of picture edge display is reduced through the configuration of the pixel points of the picture. By aiming at the pixel points at the fuzzy part of the display edge and the page background boundary, the visual attribute information configuration which can form boundary distinction with the background is carried out, the processing of the image display edge is realized, and the stroked image is obtained, so the technical problems of compatibility dependence on display equipment and insufficient edge display reliability in the prior art are solved, and the visual experience of a user when the user views the image is further improved.
It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present application may be executed in parallel, sequentially, or in different orders, and the present invention is not limited thereto as long as the desired results of the technical solutions disclosed in the present application can be achieved.
The above-described embodiments should not be construed as limiting the scope of the present application. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made in accordance with design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present application shall be included in the protection scope of the present application.
Claims (12)
1. A picture display edge processing method is characterized by comprising the following steps:
acquiring a display edge of the picture to be processed according to the shape of the display area corresponding to the picture to be processed;
determining second edge pixel points with fuzzy boundaries with a preset page background in the first edge pixel points of the display edge;
configuring visual attribute information for boundary distinction formed by the second edge pixel points and the page background to obtain a stroked picture;
and displaying the stroked picture in the shape of the display area.
2. The method according to claim 1, wherein the obtaining of the display edge of the picture to be processed according to the preset display area shape comprises:
determining a display area in the picture to be processed according to a preset display area shape and a preset filling attribute, wherein the display area is an area of the picture to be processed filled in the display area shape by the filling attribute, and the filling attribute comprises a scaling attribute and/or an offset attribute;
and taking the edge of the display area as the display edge of the picture to be processed.
3. The method according to claim 1 or 2, before the obtaining of the display edge of the picture to be processed according to the preset display area shape, further comprising:
and acquiring the shape of a display area of the picture to be processed according to a preset picture layout and/or the picture proportion of the picture to be processed.
4. The method according to claim 3, wherein the obtaining the display area shape of the picture to be processed according to the preset picture layout comprises:
acquiring the space between adjacent image queues, the page margin and the number of the image queues according to a preset waterfall flow type layout;
determining the limited size of the picture queue according to the preset page width, the adjacent picture queue space, the page margin and the number of the picture queues, wherein the limited size is the size of the picture queue in the direction perpendicular to the arrangement direction of the picture queues;
acquiring a rectangular display scale for the picture to be processed;
and acquiring the shape of a display area of the picture to be processed in a waterfall flow type layout according to the limited size of the picture queue and the rectangular display proportion, wherein the shape of the display area meets the limited size in the direction perpendicular to the arrangement direction of the picture queue and is a rectangle conforming to the rectangular display proportion.
5. The method of claim 1, wherein the determining, among the first edge pixels of the display edge, a second edge pixel that is blurred from a preset page background boundary comprises:
acquiring background color information of a page background;
acquiring the degree of color difference between pixel color information and the background color information for each first edge pixel point of the display edge;
and taking the first edge pixel points with the color difference degree smaller than a preset color difference threshold value as second edge pixel points with fuzzy preset page background boundaries.
6. The method of claim 5, wherein the obtaining background color information of a page background comprises:
and determining background color information of the page background according to the color average value and/or the color information with the maximum ratio of the page background.
7. The method according to claim 5, wherein before obtaining a degree of color difference between pixel color information and background color information for each first edge pixel point of the display edge, the method further comprises:
and in the picture to be processed, taking pixel points located in a preset edge width range at the inner side of the display edge as first edge pixel points, wherein the unit of the preset edge width range is a physical pixel.
8. The method according to any one of claims 5 to 7, wherein before configuring the visual attribute information for the second edge pixel point to form a boundary distinction with the page background to obtain the stroked picture, the method further comprises:
acquiring boundary line visual attribute information corresponding to the background color information according to a preset corresponding relation between a background color and the boundary line visual attribute, wherein the boundary line visual attribute information comprises a color attribute and a transparency attribute;
and taking the boundary line visualization attribute information as visualization attribute information which forms boundary distinction with the page background.
9. The method of claim 1, wherein displaying the stroked picture in the display area shape comprises:
determining a picture container and a container position of a waterfall flow type layout according to the shape of the display area;
and filling the stroked picture into the picture container according to a preset filling attribute for displaying so as to carry out scaling and/or offset setting on the stroked picture, so that the picture container can shield the picture content except the display edge.
10. An image display edge processing apparatus, comprising:
the edge determining module is used for acquiring the display edge of the picture to be processed according to the shape of the display area corresponding to the picture to be processed;
the comparison module is used for determining second edge pixel points with fuzzy boundaries with a preset page background in the first edge pixel points of the display edge;
the stroking module is used for configuring visual attribute information for boundary distinction formed by the second edge pixel points and the page background to obtain a stroked picture;
and the display module is used for displaying the stroked picture in the shape of the display area.
11. An electronic device, comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-9.
12. A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910805951.9A CN110502205B (en) | 2019-08-29 | 2019-08-29 | Picture display edge processing method and device, electronic equipment and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910805951.9A CN110502205B (en) | 2019-08-29 | 2019-08-29 | Picture display edge processing method and device, electronic equipment and readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110502205A true CN110502205A (en) | 2019-11-26 |
| CN110502205B CN110502205B (en) | 2023-08-01 |
Family
ID=68590394
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910805951.9A Active CN110502205B (en) | 2019-08-29 | 2019-08-29 | Picture display edge processing method and device, electronic equipment and readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110502205B (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111080780A (en) * | 2019-12-26 | 2020-04-28 | 网易（杭州）网络有限公司 | Edge processing method and device of virtual character model |
| CN113284174A (en) * | 2020-02-20 | 2021-08-20 | 北京沃东天骏信息技术有限公司 | Method and device for processing pictures |
| CN114582301A (en) * | 2022-03-08 | 2022-06-03 | 康键信息技术（深圳）有限公司 | Information display method and device, electronic equipment and storage medium |
| CN115346432A (en) * | 2022-07-27 | 2022-11-15 | 徐州神艺数字科技有限公司 | Advertisement design display mechanism |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030043298A1 (en) * | 2001-08-30 | 2003-03-06 | Matsushita Electric Industrial Co., Ltd. | Image composition method, and image composition apparatus |
| JP2004078647A (en) * | 2002-08-20 | 2004-03-11 | Central Res Inst Of Electric Power Ind | Removing method, device and program for weather noise in image for analyzing shaking of power line |
| EP1431913A1 (en) * | 2002-12-20 | 2004-06-23 | Fujitsu Limited | Method for detecting boundaries between areas having different features in image data |
| US20080122858A1 (en) * | 2006-09-25 | 2008-05-29 | Wilensky Gregg D | Image masks |
| US8379972B1 (en) * | 2009-12-01 | 2013-02-19 | Adobe Systems Incorporated | Color decontamination for image compositing |
| CN104160690A (en) * | 2012-03-14 | 2014-11-19 | 欧姆龙株式会社 | Display method of area extraction results, and image processing device |
| CN105205054A (en) * | 2014-06-04 | 2015-12-30 | 阿里巴巴集团控股有限公司 | Method for displaying pictures and method and device for acquiring hue characteristic values of pictures |
| JP2016051931A (en) * | 2014-08-28 | 2016-04-11 | 京セラドキュメントソリューションズ株式会社 | Image processing system |
| US20160364846A1 (en) * | 2014-07-31 | 2016-12-15 | Adobe Systems Incorporated | Controlling smoothness of a transition between images |
| CN106251287A (en) * | 2015-06-14 | 2016-12-21 | 奥多比公司 | The smoothness of the transition between control image |
| CN109308704A (en) * | 2018-08-02 | 2019-02-05 | 平安科技（深圳）有限公司 | Background elimination method, device, computer equipment and storage medium |
-
2019
- 2019-08-29 CN CN201910805951.9A patent/CN110502205B/en active Active
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030043298A1 (en) * | 2001-08-30 | 2003-03-06 | Matsushita Electric Industrial Co., Ltd. | Image composition method, and image composition apparatus |
| JP2004078647A (en) * | 2002-08-20 | 2004-03-11 | Central Res Inst Of Electric Power Ind | Removing method, device and program for weather noise in image for analyzing shaking of power line |
| EP1431913A1 (en) * | 2002-12-20 | 2004-06-23 | Fujitsu Limited | Method for detecting boundaries between areas having different features in image data |
| US20080122858A1 (en) * | 2006-09-25 | 2008-05-29 | Wilensky Gregg D | Image masks |
| US8379972B1 (en) * | 2009-12-01 | 2013-02-19 | Adobe Systems Incorporated | Color decontamination for image compositing |
| CN104160690A (en) * | 2012-03-14 | 2014-11-19 | 欧姆龙株式会社 | Display method of area extraction results, and image processing device |
| CN105205054A (en) * | 2014-06-04 | 2015-12-30 | 阿里巴巴集团控股有限公司 | Method for displaying pictures and method and device for acquiring hue characteristic values of pictures |
| US20160364846A1 (en) * | 2014-07-31 | 2016-12-15 | Adobe Systems Incorporated | Controlling smoothness of a transition between images |
| JP2016051931A (en) * | 2014-08-28 | 2016-04-11 | 京セラドキュメントソリューションズ株式会社 | Image processing system |
| CN106251287A (en) * | 2015-06-14 | 2016-12-21 | 奥多比公司 | The smoothness of the transition between control image |
| CN109308704A (en) * | 2018-08-02 | 2019-02-05 | 平安科技（深圳）有限公司 | Background elimination method, device, computer equipment and storage medium |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111080780A (en) * | 2019-12-26 | 2020-04-28 | 网易（杭州）网络有限公司 | Edge processing method and device of virtual character model |
| CN111080780B (en) * | 2019-12-26 | 2024-03-22 | 网易（杭州）网络有限公司 | Edge processing method and device for virtual character model |
| CN113284174A (en) * | 2020-02-20 | 2021-08-20 | 北京沃东天骏信息技术有限公司 | Method and device for processing pictures |
| CN114582301A (en) * | 2022-03-08 | 2022-06-03 | 康键信息技术（深圳）有限公司 | Information display method and device, electronic equipment and storage medium |
| CN114582301B (en) * | 2022-03-08 | 2024-07-23 | 康键信息技术（深圳）有限公司 | Information display method and device, electronic equipment and storage medium |
| CN115346432A (en) * | 2022-07-27 | 2022-11-15 | 徐州神艺数字科技有限公司 | Advertisement design display mechanism |
| CN115346432B (en) * | 2022-07-27 | 2023-12-08 | 徐州神艺数字科技有限公司 | Advertisement design display mechanism |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110502205B (en) | 2023-08-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10540744B2 (en) | Flexible control in resizing of visual displays | |
| CN110502205A (en) | Picture showing edge processing method, device, electronic equipment and readable storage medium storing program for executing | |
| CN104508684B (en) | Using photos to set operating system colors | |
| CN110989878B (en) | Animation display method and device in applet, electronic equipment and storage medium | |
| US10067646B2 (en) | Color selector for desktop publishing | |
| CN105843494A (en) | Method and device for realizing region screen capture, and terminal | |
| CN105930464B (en) | Web rich media cross-screen adaptation method and device | |
| JP4742051B2 (en) | Spatial and temporal motion blur effect generation method | |
| WO2022179362A1 (en) | Image alpha-blending method and apparatus | |
| CN112541960A (en) | Three-dimensional scene rendering method and device and electronic equipment | |
| CN106033334A (en) | An interface element drawing method and device | |
| US20180365878A1 (en) | Facial model editing method and apparatus | |
| CN109766530B (en) | Method and device for generating chart frame, storage medium and electronic equipment | |
| CN112783595A (en) | Display method and device for interactive writing and electronic equipment | |
| CN117062277A (en) | Method, device and equipment for synchronizing colors of light equipment and display | |
| CN114863008B (en) | Image processing method, image processing device, electronic equipment and storage medium | |
| CN113810755B (en) | Panoramic video preview method and device, electronic equipment and storage medium | |
| CN115421641A (en) | Special effect animation method for transverse movement of android card and implementation device thereof | |
| CN111462007B (en) | Image processing method, device, equipment and computer storage medium | |
| JP2009204989A (en) | Information processor, information processing method, and program | |
| CN106959964A (en) | Interface background display methods | |
| CN105892972A (en) | Custom resolution rate display method and device | |
| CN106843645B (en) | A kind of method and apparatus of determining view display position | |
| CN112419145B (en) | Image data processing method, device, equipment and storage medium | |
| US9639982B2 (en) | On-demand transformation aware shape tessellation |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |