CN110502205B - Picture display edge processing method and device, electronic equipment and readable storage medium - Google Patents
Picture display edge processing method and device, electronic equipment and readable storage medium Download PDFInfo
- Publication number
- CN110502205B CN110502205B CN201910805951.9A CN201910805951A CN110502205B CN 110502205 B CN110502205 B CN 110502205B CN 201910805951 A CN201910805951 A CN 201910805951A CN 110502205 B CN110502205 B CN 110502205B
- Authority
- CN
- China
- Prior art keywords
- picture
- edge
- display
- display area
- preset
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 9
- 230000000007 visual effect Effects 0.000 claims abstract description 56
- 238000012545 processing Methods 0.000 claims abstract description 48
- 238000000034 method Methods 0.000 claims description 42
- 230000015654 memory Effects 0.000 claims description 19
- 238000005516 engineering process Methods 0.000 abstract description 3
- 230000000694 effects Effects 0.000 description 13
- 230000008569 process Effects 0.000 description 8
- 230000006870 function Effects 0.000 description 7
- 230000006978 adaptation Effects 0.000 description 4
- 239000003086 colorant Substances 0.000 description 4
- 238000004891 communication Methods 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 238000009877 rendering Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012800 visualization Methods 0.000 description 3
- 206010021403 Illusion Diseases 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 230000015572 biosynthetic process Effects 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
- 238000012216 screening Methods 0.000 description 2
- 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
- QDOXWKRWXJOMAK-UHFFFAOYSA-N dichromium trioxide Chemical compound O=[Cr]O[Cr]=O QDOXWKRWXJOMAK-UHFFFAOYSA-N 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 230000001771 impaired effect Effects 0.000 description 1
- 230000009191 jumping 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
- 230000001953 sensory effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
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
The application discloses a picture display edge processing method, a picture display edge processing device, electronic equipment and a readable storage medium, and relates to a picture display technology. 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 a second edge pixel point with fuzzy boundary with a preset page background in the first edge pixel points of the display edge; configuring visual attribute information for forming boundary distinction for the second edge pixel points to obtain a picture after tracing; the picture after the tracing is displayed in the shape of the display area, so that the processing of the picture display edge is realized aiming at the pixel points at the position of blurring with the page background boundary in the display edge, the picture after the tracing is obtained, the visual integrity of the picture display is improved, and the compatibility requirement of the picture edge display is reduced through the configuration of the pixel points of the picture.
Description
Technical Field
The application relates to the field of computers, in particular to a picture display technology.
Background
When the page displays the pictures, the boundary between the edges of the picture content and the page background is unclear due to the fact that the colors of the boundary areas are consistent with the colors of the page background, and the visual illusion of incomplete pictures is given to users.
In the prior art, frames are added to a picture container, usually in a CSS style sheet, and resolution adaptation styles are added to frame elements to form adapted frame widths at different resolutions. For example, adding 1 frame of logic unit under 3 times screen, setting 3 times of reduction on the basis of preset logic pixel edge width.
However, the existing description scheme can only be used in a browser supporting css3 characteristics, and has the problems of compatibility in screen resolution and the like. Moreover, the color of the frame may overlap with a part of the edge of the picture, and the problem of unclear picture boundary may still occur. It can be seen that the reliability of the existing picture display method is not high enough, and the user experience is not good.
Disclosure of Invention
The invention aims to provide a picture display edge processing method, a picture display edge processing device, electronic equipment 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 a second edge pixel point with fuzzy boundary with a preset page background in the first edge pixel points of the display edge;
Configuring visual attribute information which is distinguished from the page background forming boundary for the second edge pixel point to obtain a picture after tracing;
and displaying the picture after the tracing by the shape of the display area.
According to the embodiment of the application, aiming at the pixel points at the fuzzy positions of the boundary between the display edge and the page background, the visual attribute information configuration which can be distinguished from the background formation boundary is carried out, the processing of the image display edge is realized, and the image after the drawing is obtained, so that the image after the drawing can be displayed, the boundary visual effect distinguished from the page background is achieved, the visual integrity of the image display is improved, and the compatibility requirement of the image edge display is reduced through the pixel point configuration of the image.
In some embodiments, the obtaining the display edge of the to-be-processed picture according to the preset display area shape includes:
determining a display area in the to-be-processed picture according to a preset display area shape and a preset filling attribute, wherein the display area is an area of the to-be-processed picture 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 edge of the display area in the picture is obtained, so that the accuracy of the edge tracing position is improved.
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 the preset picture layout and/or the picture proportion of the picture to be processed.
According to the embodiment of the application, the adaptation degree of the shape of the display area and the picture to be processed is improved, so that the display effect of the picture to be processed is improved.
In some embodiments, the obtaining, according to a preset picture layout, a display area shape of a picture to be processed includes:
acquiring the distance between adjacent picture queues, the edge distance of a page and the number of picture queues according to a preset waterfall stream layout;
determining a limiting size of a picture queue according to a preset page width, the distance between adjacent picture queues, the page margin and the number of picture queues, wherein the limiting size is the size of the picture queue in a direction perpendicular to the arrangement direction of the picture queue;
Obtaining a rectangular display proportion for the picture to be processed;
and acquiring the shape of a display area of the picture to be processed in the waterfall flow type layout according to the limiting size of the picture queue and the rectangular display proportion, wherein the shape of the display area is a rectangle meeting the limiting size in the direction perpendicular to the arrangement direction of the picture queue and 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 in the waterfall flow type layout is improved.
In some embodiments, the determining, among the first edge pixels of the display edge, a second edge pixel blurred from a preset page background boundary includes:
acquiring background color information of a page background;
obtaining the color difference degree of pixel color information and the background color information for each first edge pixel point of the display edge;
and taking the first edge pixel point with the color difference degree smaller than a preset color difference threshold value as a second edge pixel point with the blurring boundary with the preset page background.
According to the embodiment of the application, the second edge pixel point with the fuzzy boundary with the preset page background is determined through the color difference comparison of the pixel color information and the background color information, so that the accuracy of edge processing of the picture to be processed is improved.
In some embodiments, the obtaining the background color information of the page background includes:
and determining the background color information of the page background according to the color mean value and/or the color information with the largest duty ratio of the page background.
The background color information acquired by the embodiment of the application can embody or be close to the main color of the page background, so that the second edge pixel point can be determined more accurately, and further the reliability of edge processing of the image to be processed is improved.
In some embodiments, before the obtaining, for each of the first edge pixel points of the display edge, a degree of color difference between pixel color information and the background color information, the method further includes:
and in the picture to be processed, taking the pixel points positioned in the preset side width range inside the display edge as first edge pixel points, wherein the unit of the preset side width range is a physical pixel.
According to the embodiment of the application, the edge widths of the physical pixels are set, so that the difference of edge width display under different N times of screens is avoided.
In some embodiments, before configuring the visual attribute information for the second edge pixel point to form a boundary with the page background, before obtaining the image after tracing, the method further includes:
Obtaining boundary line visual attribute information corresponding to the background color information according to a preset corresponding relation between the 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 visual attribute information as visual attribute information which is distinguished from the page background forming boundary.
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 distinguishing the display edge from the background color is expected, and the reliability of edge processing is improved.
In some embodiments, displaying the hemmed picture in the display area shape includes:
determining a picture container and a container position of the waterfall flow layout according to the shape of the display area;
and filling the picture subjected to the edge tracing into the picture container according to a preset filling attribute for display, and performing scaling and/or offset setting on the picture subjected to the edge tracing so that the picture container shields the picture content beyond the display edge.
The embodiment is a process of rendering and displaying the picture after the edge drawing by using the waterfall flow, and 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 obtaining 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 a second edge pixel point with fuzzy boundary with a preset page background in the first edge pixel points of the display edge;
the tracing module is used for configuring visual attribute information which is distinguished from the page background forming boundary for the second edge pixel point to obtain a traced picture;
and the display module is used for displaying the picture after the tracing in the shape of the display area.
According to a third aspect of the present invention, there is provided 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 the first aspects of the invention.
According to a fourth aspect of the present invention there is provided a non-transitory computer readable storage medium storing computer instructions for causing a computer to perform the method of any of the first aspects of the present invention.
One embodiment of the above application has the following advantages or benefits: the reliability of edge processing is improved, the visual integrity of image display is improved, and the compatibility requirement of image edge display is reduced by configuring the pixel points of the image. By configuring the pixel points at the position of the blurring boundary between the display edge and the page background, the visual attribute information which can be distinguished from the background forming boundary is configured, the processing of the display edge of the picture is realized, and the picture after the drawing is obtained, so that the technical problems of dependence on compatibility of display equipment and insufficient reliability of edge display in the prior art are solved, and further the visual experience of a user when the user views the picture is improved.
Other effects of the above alternative will be described below in connection with specific embodiments.
Drawings
The drawings are for better understanding of the present solution and do not constitute a limitation of the present application. Wherein:
FIG. 1 is an example of a prior art problem of unclear edges of a picture;
FIG. 2 is an example of a prior art picture edge processing effect;
fig. 3 is a schematic flow chart of a method for processing an edge of a picture display according to an embodiment of the present application;
fig. 4 is a display edge example of a to-be-processed picture provided in an embodiment of the present application;
Fig. 5 is a schematic illustration of a fixed-height and variable-width waterfall stream layout page according to the present application;
fig. 6 is a schematic structural diagram of a picture display edge processing device according to an embodiment of the present application;
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
Exemplary embodiments of the present application are described below in conjunction with the accompanying drawings, which include various details of the embodiments of the present application to facilitate understanding, and should be considered as merely exemplary. Accordingly, one 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.
Along with the development of internet technology, the modes of browsing web pages by a browser and browsing pictures by a terminal application program also show diversity, and the rich browsing modes facilitate the process of browsing page information by a user. The user obtains the wanted information by browsing the webpage content or inquiring the content prestored in the local place, and the picture is used as one of the main information presented to the user by the page, if the background of the page is consistent with the edge color displayed by the picture, the user can generate the visual illusion of incomplete picture. Referring to fig. 1, an example of a problem that the edge of a picture is not clear is known. The picture displayed in the page shown in fig. 1 is a special-shaped picture with a building as a picture boundary, rather than the illusion of an original rectangular picture, because the white of the sky is consistent with the white of the background of the page, so that the picture display effect is poor. Therefore, edge processing is required to be carried out on the picture, and the visual experience of a user for browsing the picture is improved.
Referring to fig. 2, an example of a conventional picture edge processing effect is shown. In the example shown in fig. 2, a frame of a logic unit is added to a picture container through a CSS style sheet, and a resolution adaptation style is added to the frame to realize conversion of pixels of the frame, so as to realize an effect of improving distinction between a picture and a background. The method shown in fig. 2 still has many problems. For example, the page needs to be correspondingly reduced in the widened edge width according to the resolution used by different devices. However, this requires the compatibility of the web browser, and the widened edge effect occurs in the browser or the application program which does not support the resolution adaptation style, so that the edge processing is not reliable enough. For another example, the added frame to the picture container may be similar or identical in color to other edge portions of the picture, thereby creating a new problem of unclear boundaries. For example, the leaf green is used as the border, but the border color and texture pattern may be consistent with the leaf in the picture, and the border and the picture are overlapped again at the edge of the picture displaying the leaf, so that the edge processing is not reliable enough, or the problem that the picture is visually displayed with defects may occur. In addition, the effect of setting the 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 configuration is performed on the display edge of the picture to be displayed, which is consistent with the background color, so that the boundary between the picture and the background is realized, the dependence on equipment is reduced, the reliability of edge processing is improved, and the reliability of picture display is further improved.
Referring to fig. 3, a flowchart of a method for processing an edge of a picture display according to an embodiment of the present application is shown. The execution subject of the present application may be software and/or hardware with a picture display function, for example, a picture display edge processing device. The image display edge processing device may be, for example, a mobile device with an image display function such as a mobile phone, a Personal Digital Assistant (PDA), a tablet computer, a portable device (for example, a portable computer, a pocket computer, or a handheld computer), or a fixed device with an image display function such as an access control, a smart phone, or a console. In addition, the picture display edge processing apparatus may be an application program stored in these devices and provided with an image display function. The form of the image display edge processing device is not limited in the embodiment of the present application. The method shown in fig. 3 includes steps S101 to S104, and the present application is exemplified in the following description with reference to the accompanying drawings and the specific embodiments.
S101, according to the shape of the display area corresponding to the picture to be processed, acquiring the display edge of the picture to be processed.
The pre-obtaining of the to-be-processed picture may be according to an input operation of a user to scroll the display screen, and the to-be-processed picture is obtained from the pre-stored picture and loaded into the page. For example, the pre-stored original picture is read to a temporary storage unit, and the picture to be processed is obtained. Since the picture is finally displayed on the page, which is limited by the layout of the page or the container of the picture, the edge actually displayed may not be the edge of the picture itself. Therefore, when judging whether the display of the edge and the background of the picture is unclear, the display edge of the picture to be processed needs to be determined first so as to improve the accuracy of the follow-up tracing processing.
Referring to fig. 4, an example of a display edge of a to-be-processed picture is provided in an embodiment of the present application. For the picture to be processed shown in fig. 4, the edge efgh is an original edge of the picture to be processed, and 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, wherein the display area is an area of the to-be-processed picture filled in the display area shape with the filling attribute, 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 determining the display area, 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. Filling effects such as overall centered display, primary content centered display, or display content maximization can be achieved by incorporating fill attributes. For example, the center point of the to-be-processed picture may be aligned with a preset display area shape according to a preset offset attribute, and when the to-be-processed picture is scaled to the picture content with the most coverage within the display area shape according to a preset scaling attribute, the portion of the to-be-processed picture that is framed by the display area shape is taken as the display area. The offset attribute may be specifically a center offset of the to-be-processed picture, and the scaling attribute may be specifically a scaling ratio of the to-be-processed picture. The scaling ratio may be preset or determined according to the proportion of the main image content in the image to be processed. Finally, the edge of the display area is used as the display edge of the picture to be processed, see the edge abcd shown in fig. 4.
In the above embodiment, the shapes of the display areas of the different pictures to be processed may be fixed (for example, a conventional matrix picture layout) or may be variable (for example, a waterfall stream layout). For example, in some browsers, the display pictures are loaded in a waterfall flow layout. Referring to fig. 5, an example of displaying a picture in a waterfall flow layout page with a fixed height and an indefinite width is provided in the present application. The main characteristic of the waterfall flow layout is the stagger. The image display mode of the fixed width and the indefinite height (vertical layout) or the fixed height and the indefinite width (horizontal layout) in the waterfall flow type layout is different from the traditional matrix type picture layout, so that different visual levels are formed, and visual fatigue is relieved due to random flow of visual lines.
For example, in some embodiments, the display area shape of the to-be-processed picture may be obtained according to a preset picture layout. Since in a waterfall flow layout of varying 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 picture queues, the edge distance of the page and the number of the picture queues can be obtained according to the preset waterfall flow layout. In the waterfall flow layout (vertical layout) with the fixed width and the variable height, the picture queues are a series of pictures arranged in columns, and each column is a picture queue; in a waterfall flow layout (lateral layout) with a constant height and a variable width, the picture queues are a series of pictures arranged in rows, and each row is a picture queue. In a lateral 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 rows of pictures. And then determining the limiting size of the picture queue according to the preset page width, the adjacent picture queue interval, the page margin and the picture queue number, wherein the limiting size is the size of the picture queue in the direction perpendicular to the arrangement direction of the picture queue. For example, the defined dimension of the equal-width waterfall flow layout is a width and the defined dimension of the equal-height waterfall flow layout is a height. In a waterfall flow layout, all pictures are displayed as rectangles. Thus, rectangular display scales (e.g., three alternative rectangular display scales 1:1, 2:3, 3:4) need to be obtained for the picture to be processed. And obtaining the shape of a display area of the picture to be processed in the waterfall flow layout according to the limiting size of the picture queue and the rectangular display proportion, wherein the shape of the display area is a rectangle meeting the limiting size in the direction perpendicular to the arrangement direction of the picture queue and conforming to the rectangular display proportion. The shape of the display area is actually the shape of the last picture container, for example, the previous picture container adopts a rectangle picture container, and the picture right below the previous picture container adopts a square picture container with equal height, so that the shape of the display area corresponding to the picture to be processed 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 the height and width of 1:1, the shape of the square, the circle and the like which are symmetrical is taken as the shape of the display area; if the picture to be processed is a picture with the height and width of 2:3 or 3:4, the non-centrosymmetric shape such as rectangle, ellipse and the like is taken as the shape of the display area. The shape which is more adaptive to the proportion of the picture to be processed is used 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 embodiment using a preset picture layout and the embodiment using a picture scale of a picture to be processed may be combined. For example, the shape of the display area of the rectangle or square can be determined by combining the picture layout, and the rectangle is determined as the shape of the display area by combining the picture proportion of the picture to be processed. The order and manner in which the two are combined is not limited by the present application.
According to the method and the device for displaying the image, through the various embodiments, the accuracy of the display edge of the acquired image to be processed is improved, and then in the next step, the fact that the portions on the display edge can not form a distinguishing boundary with the background is needed to be determined.
S102, determining a second edge pixel point with fuzzy boundary with a preset page background from the first edge pixel points of the display edge.
In this embodiment, the second edge pixel point with a blurred boundary with the preset page background may be understood as a partial pixel point with the same or similar color as the page background on the display edge. For example, on the edge abcd shown in fig. 4, the colors of the building, foliage, and road are all different from the white background, but the white of the sky coincides with the white of the background, and there is no visual demarcation. 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 is various, namely traversing all pixel points in the picture to be processed, and determining the pixel points which meet the boundary fuzzy condition of the display edge and the preset page background as the second edge pixel point. Or firstly, carrying out coarse screening according to the display edge, and then further determining a second edge pixel point in the pixel points determined by the coarse screening under the condition of blurring with the preset page background boundary.
In order to improve the accuracy of the edge processing, for example, background color information of a page background may be acquired first. And then, obtaining the color difference degree of the pixel color information and the background color information for each first edge pixel point of the display edge. 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 used for comparison herein and the background color information may be, for example, RGB values of a pixel and a background, but the present application is not limited thereto. And finally, the first edge pixel point with the color difference degree smaller than a preset color difference threshold value can be used as a second edge pixel point with the fuzzy boundary with the preset page background. The preset color difference threshold is, for example, a color difference value indicating whether distinction can be made. If the color difference is smaller than the preset color difference threshold value, the color difference degree which cannot be distinguished by human eyes is obtained; if the color difference is larger than the preset color difference threshold value, the color difference degree which can be distinguished by human eyes is obtained.
In the above embodiment, if the page background is a solid background, the background color information is directly acquired. But 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 pixel color information of the second edge pixel point can be compared by taking the representative color as the background color. The representative color may be one or a combination of two of the color mean, the maximum-ratio color information of the page background. Specifically, the background color information of the page background may be determined according to the color average value and/or the color information with the largest duty ratio of the page background. The acquired background color information can reflect or approximate 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 difference of the edge widths displayed under different multiple screens, before calculating the color difference degree, the edge width may be defined by physical pixels, and at the display edge of the image to be processed, the first edge pixel point meeting the preset edge width range is determined. For example, in the to-be-processed picture, a pixel point located within a preset edge width range inside the display edge is used as a 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 in 1 physical pixel in 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 and the background, after the background color is acquired and before step S103 is performed, the visual attribute information for configuring the second edge pixel point may be further determined according to the background color. The visualized attribute information may be visualized attribute information of color, transparency, brightness, saturation, gray scale, and the like. In some alternative embodiments, a correspondence between background colors and boundary line visualization attributes may be preset, for example, the boundary line visualization attributes that can be sampled by each background color are recorded in a mapping table form, so as to achieve the demarcation effect. For example, for a white background color, the corresponding preset boundary line visualization attribute may be: "color attribute: black "," transparency attribute: 50% ". Specifically, boundary line visual attribute information corresponding to the background color information may be obtained according to a preset correspondence between background color and boundary line visual attribute, where the boundary line visual attribute information includes a color attribute and a transparency attribute. And taking the boundary line visual attribute information as visual attribute information which is distinguished from the page background forming boundary. According to the embodiment, the color and the transparency adopted by the current tracing are determined according to the background color, and the color attribute can be, for example, the color with the largest contrast with the current background color, so that the reliability of demarcation is improved. Wherein, still set up certain transparency, avoid the abrupt sense that the color that is too saturated brought, improve user's visual comfort. The combination configuration of the color attribute and the transparency attribute enables the distinguishing degree of the display edge and the background color to reach the expectation, and further improves the reliability of edge processing.
And S103, configuring visual attribute information which is distinguished from the page background forming boundary for the second edge pixel point, and obtaining the picture after tracing.
It will be appreciated that in the embodiment of the foregoing step, it has been determined that the reason for creating the illusion of visually impaired image is that the color of the second edge pixels is the same as or similar to the background color, and then, in order to solve this problem, the visual attribute of the portion of pixels needs to be reconfigured, which may be understood as a stroking process. The edge tracing processing in the application is not full-edge tracing in the prior art, but can be understood as replacing a second edge pixel point on a picture to be processed, replacing a pixel point meeting the visual attribute information distinguished from the page background forming boundary, and not processing other positions of the display edge except the second edge pixel point. The specific way to replace this is for example to reconfigure the second edge pixels to contain color attributes. With continued reference to the example shown in fig. 5, the edges occupied by buildings, foliage, and roads are not reconfigured for pixels, but the edges occupied by the sky are configured as black translucent pixels.
And S104, displaying the picture after the tracing 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 on a page. It can be understood that the display area shape is used for rendering or prerendering the preset layout of the picture after the drawing.
In some embodiments of the waterfall flow layout, the image container and container position of the waterfall flow 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 obtained. And filling the picture subjected to the edge tracing into the picture container according to a preset filling attribute for display, so as to set the zoom and/or offset of the picture subjected to the edge tracing, and enable the picture container to shade the picture content beyond the display edge. It can be understood that the width, height and offset of the picture after the tracing are set so as to completely display the display area and hide the picture content beyond the picture container from being displayed. In the context of a waterfall flow layout, the following is generally adopted: acquiring at least one picture object to be displayed, which is distributed in a waterfall flow type layout manner; when receiving the operation of scrolling pages input by a user, the terminal continuously loads new picture objects; and in the page scrolling process, temporarily storing the browsing history of the picture object removed from the page display area.
The embodiment of the application provides a picture display edge processing method, which is used for acquiring a display edge of a picture to be processed according to a preset display area shape; determining a second edge pixel point which is fuzzy with a preset page background boundary from the first edge pixel points of the display edge; configuring visual attribute information which is distinguished from the page background forming boundary for the second edge pixel point to obtain a picture after tracing; the image after the tracing is displayed in the shape of the display area, so that the configuration of the visual attribute information which can be distinguished from the background formation boundary is carried out on pixel points at the position of the blurring of the boundary between the display edge and the page background, the processing of the image display edge is realized, and the image after the tracing is obtained, thereby having the boundary visual effect distinguished from the page background when the image after the tracing is displayed, improving the visual integrity of the image display, and reducing the compatibility requirement of the image edge display through the configuration of the pixel points of the image.
In some specific implementations, a browser is used to display a waterfall stream picture layout as an example.
First, an initialization step of page information is performed. In the initializing step, the color picture of the background of the page, the tracing attribute (including the edge width, the color attribute and the transparency attribute, for example), the display proportion of the picture to be displayed in the waterfall flow layout (for example, one of three selectable proportions of 1:1, 2:3 and 3:4), the width of the page, the edge distance of the waterfall flow layout at two sides of the page, the display column number of the picture in the waterfall flow layout (taking 2 columns as an example) and the interval between adjacent picture columns.
And then, calculating the display area of the picture to be displayed in the waterfall flow layout, and determining the display edge. Specifically, according to the width of the page obtained in the initialization process, the side margins of the waterfall flow layout on two sides in the page, the display column number of the pictures in the waterfall flow layout, and the distance between adjacent picture columns, the width of the picture container of each column of pictures is calculated. Picture container width w= (width-2 x padding-gap)/2, where padding refers to the two side margins of the waterfall stream layout in the page, and gap refers to the spacing between 2 adjacent picture columns. According to the display proportion of the picture, for example, 2:3, the display height h=w×2/3 of the picture in the page can be calculated, wherein { w, h } is the width w and the height h of the display area of the picture to be displayed. And according to the original width and height of the picture, and the preset display rule, the picture to be displayed is required to be aligned in the center of the display area { w, h }, and 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, natural height, w, h }, wherein left is the offset in the horizontal direction, and top is the offset in the vertical direction; sw is the width of the picture to be displayed after scaling, and sh is the height of the picture to be displayed after scaling; natural width is the original width of the picture to be displayed, and natural height 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.
Next, a stroking step is performed. Specifically, the pixel points in the region corresponding to { left, top, sw, sh, w, h } and within the frame range [0, boundary-width ] of the tracing attribute are used as the first edge pixel points by traversing the positions of the pixel points in the picture to be displayed according to { left, top, sw, sh, natural height, w, h } obtained in the previous step. And extracting the background color of the color picture of the page background in the initializing step. And judging whether the color of each first edge pixel point is consistent with the background color. If the pixel points are inconsistent, processing is not performed, and the next first edge pixel point is judged in a jumping mode; and if the pixel points are consistent, setting the pixel points at the first edge of the current image as color attributes and transparency attributes of the tracing attributes, and realizing tracing. And outputting the image after the scanning is finished after all the first edge pixel points are traversed. The step of tracing may be to turn on the parallel rendering capability of a graphics processor (Graphics Processing Unit, abbreviated as GPU), transfer the display area data of the picture to be displayed and the tracing attribute obtained by initialization to a fragment shader of the GPU, and make a judgment and process on whether tracing is performed on the first pixel point pixel of each picture to be displayed.
And finally, performing waterfall flow rendering on the picture after the edge tracing, and displaying the picture. Specifically, the image after the edge drawing can be rendered into a 2-column waterfall flow layout, and because the image is subjected to adaptive edge drawing processing according to the rule of whether the image is consistent with the background color of the page, the rendered image is self-carrying with the edge drawing, and the edge drawing operation is performed without adding css patterns, dot nodes and the like. The display operation of each picture comprises the following specific steps: setting the width and height { w, h } of a picture container, and hiding the picture content beyond the container; the picture display area width and height { sw, sh }, and the offset { left, top } is set in the horizontal and vertical directions. Thereby, the picture display edge processing is completed.
Corresponding to the method, the application also provides a picture display edge processing device. Referring to fig. 6, a schematic structural diagram of a picture display edge processing device according to an embodiment of the present application is provided. The picture display edge processing apparatus 60 shown in fig. 6 includes:
the edge determining module 61 is configured to obtain a display edge of the to-be-processed picture according to a display area shape corresponding to the to-be-processed picture.
And the comparison module 62 is used for determining a second edge pixel point with fuzzy boundary with the preset page background from the first edge pixel points of the display edge.
And the tracing module 63 is configured to configure visual attribute information for forming boundary distinction with the page background for the second edge pixel point, so as to obtain a traced picture.
And a display module 64, configured to display the traced image in the display area shape.
The terminal of the embodiment shown in fig. 6 may be correspondingly used to perform the steps in the embodiment of the method shown in fig. 3, and the implementation principle and technical effects are similar, and are not repeated here.
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 in which the to-be-processed picture is filled in the display area shape with the filling attribute, 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 obtain the display area shape of the to-be-processed picture according to a preset picture layout and/or a picture proportion of the to-be-processed picture before the obtaining the display edge of the to-be-processed picture according to the preset display area shape.
In some embodiments, the edge determining module 61 is specifically configured to obtain, according to a preset waterfall flow layout, an adjacent picture queue distance, a page margin, and a picture queue number; determining a limiting size of a picture queue according to a preset page width, the distance between adjacent picture queues, the page margin and the number of picture queues, wherein the limiting size is the size of the picture queue in a direction perpendicular to the arrangement direction of the picture queue; obtaining a rectangular display proportion for the picture to be processed; and acquiring the shape of a display area of the picture to be processed in the waterfall flow type layout according to the limiting size of the picture queue and the rectangular display proportion, wherein the shape of the display area is a rectangle meeting the limiting size in the direction perpendicular to the arrangement direction of the picture queue and conforming to the rectangular display proportion.
In some embodiments, the comparison module 62 is configured to obtain background color information of a page background; obtaining the color difference degree of pixel color information and the background color information for each first edge pixel point of the display edge; and taking the first edge pixel point with the color difference degree smaller than a preset color difference threshold value as a second edge pixel point with the blurring boundary with the preset page background.
In some embodiments, the comparison module 62 is configured to determine background color information of the page background according to the color average value and/or the color information with the largest duty ratio of the page background.
In some embodiments, the comparison module 62 is further configured to, before obtaining the color difference degree between the pixel color information and the background color information for each first edge pixel point of the display edge, use, in the to-be-processed picture, a pixel point located within a preset edge width range inside the display edge as a first edge pixel point, where a unit of the preset edge width range is a physical pixel.
In some embodiments, before configuring, for the second edge pixel point, visual attribute information that is differentiated from the page background forming boundary, and obtaining a picture after edge tracing, the edge tracing module 63 is further configured to obtain boundary line visual attribute information corresponding to the background color information according to a preset correspondence between a background color and a boundary line visual attribute, where the boundary line visual attribute information includes a color attribute and a transparency attribute; and taking the boundary line visual attribute information as visual attribute information which is distinguished from the page background forming boundary.
In some embodiments, a display module 64 for determining a picture container and container location of a waterfall flow layout according to the display area shape; and filling the picture subjected to the edge tracing into the picture container according to a preset filling attribute for display, and performing scaling and/or offset setting on the picture subjected to the edge tracing so that the picture container shields the picture content beyond the display edge.
According to embodiments of the present application, an electronic device and a readable storage medium are also provided.
As shown in fig. 7, a block diagram of an electronic device according to a picture display edge processing method according to an embodiment of the present application is shown. 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 telephones, smartphones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be exemplary only, and are not meant to limit implementations of the application described and/or claimed herein.
As shown in fig. 7, the electronic device includes: one or more processors 701, memory 702, and interfaces for connecting the various components, including high-speed interfaces and low-speed interfaces. 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 executing within the electronic device, including instructions stored in or on memory to display graphical information of the GUI on an external input/output device, such as a display device coupled to the interface. In other embodiments, multiple processors and/or multiple buses may be used, if desired, along with multiple memories and multiple memories. Also, multiple electronic devices may be connected, each providing a portion of the necessary operations (e.g., as a server array, a set of blade servers, or a multiprocessor system). One processor 701 is illustrated in fig. 7.
Memory 702 is a non-transitory computer-readable storage medium provided herein. The memory stores instructions executable by the at least one processor to cause the at least one processor to perform the method for processing the display edge of the picture 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 by the present application.
The memory 702 is used as a non-transitory computer readable storage medium for storing non-transitory software programs, non-transitory computer-executable programs, and modules, such as program instructions/modules (e.g., the edge determining module 61, the comparing module 62, the edge tracing module 63, and the display module 64 shown in fig. 6) corresponding to the method of processing a picture display edge in the embodiments of the present application. The processor 701 executes various functional applications of the server and data processing, that is, a method of implementing the picture display edge processing in the above-described method embodiment, by running a non-transitory software program, instructions, and modules stored in the memory 702.
Memory 702 may include a storage program area that may store an operating system, at least one application program required for functionality, and a storage data area; the storage data area may store data created according to the use of the electronic device of the picture display edge process, and the like. In addition, 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, memory 702 may optionally include memory located remotely from processor 701, which may be connected to the image display edge processing electronics via 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 image 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 otherwise, in fig. 7 by way of example.
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 device for which the image display edge is processed, such as a touch screen, a keypad, a mouse, a track pad, a touch pad, a pointer stick, one or more mouse buttons, a track ball, a joystick, and the like. The output device 704 may include a display apparatus, auxiliary lighting devices (e.g., LEDs), and haptic feedback devices (e.g., vibration 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 may be a touch screen.
Various implementations of the systems and techniques described here can be realized in digital electronic circuitry, integrated circuitry, application specific ASIC (application specific integrated circuit), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs, the one or more computer programs may be executed and/or interpreted on a programmable system including at least one programmable processor, which may be a special purpose or general-purpose programmable processor, that may receive data and instructions from, and transmit data and instructions to, a storage system, at least one input device, and at least one output device.
These computing programs (also referred to as programs, software applications, or code) include machine instructions for a programmable processor, and may be implemented in a high-level procedural and/or object-oriented programming language, and/or in assembly/machine language. 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 pointing device (e.g., a mouse or 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 may 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 input, speech input, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a background 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 background, 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 a client and a server. The client and server are typically 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 configuring the pixel points of the picture. By configuring the pixel points at the position of the blurring boundary between the display edge and the page background, the visual attribute information which can be distinguished from the background forming boundary is configured, the processing of the display edge of the picture is realized, and the picture after the drawing is obtained, so that the technical problems of dependence on compatibility of display equipment and insufficient reliability of edge display in the prior art are solved, and further the visual experience of a user when the user views the picture is improved.
It should be appreciated that various forms of the flows shown above may be used to reorder, add, or delete steps. For example, the steps described in the present application may be performed in parallel, sequentially, or in a different order, provided that the desired results of the technical solutions disclosed in the present application can be achieved, and are not limited herein.
The above embodiments do not limit the scope of the application. It will be apparent to those skilled in the art that various modifications, combinations, sub-combinations and alternatives are possible, depending on design requirements and other factors. Any modifications, equivalent substitutions and improvements made within the spirit and principles of the present application are intended to be included within the scope of the present application.
Claims (11)
1. A picture display edge processing method, characterized by comprising:
acquiring the shape of a display area of a picture to be processed according to a preset picture layout;
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 a second edge pixel point with fuzzy boundary with a preset page background in the first edge pixel points of the display edge;
Configuring visual attribute information which is distinguished from the page background forming boundary for the second edge pixel point to obtain a picture after tracing;
displaying the picture after the tracing by the shape of the display area;
the obtaining the shape of the display area of the picture to be processed according to the preset picture layout comprises the following steps:
acquiring the distance between adjacent picture queues, the edge distance of a page and the number of picture queues according to a preset waterfall stream layout;
determining a limiting size of a picture queue according to a preset page width, the distance between adjacent picture queues, the page margin and the number of picture queues, wherein the limiting size is the size of the picture queue in a direction perpendicular to the arrangement direction of the picture queue;
obtaining a rectangular display proportion for the picture to be processed;
and acquiring the shape of a display area of the picture to be processed in the waterfall flow type layout according to the limiting size of the picture queue and the rectangular display proportion, wherein the shape of the display area is a rectangle meeting the limiting size in the direction perpendicular to the arrangement direction of the picture queue and conforming to the rectangular display proportion.
2. The method according to claim 1, wherein the obtaining the display edge of the picture to be processed according to the preset display area shape includes:
Determining a display area in the to-be-processed picture according to a preset display area shape and a preset filling attribute, wherein the display area is an area of the to-be-processed picture 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, further comprising, before the acquiring the display edge of the picture to be processed according to the preset display area shape:
and acquiring the shape of a display area of the picture to be processed according to the picture proportion of the picture to be processed.
4. The method according to claim 1, wherein the determining, among the first edge pixels of the display edge, a second edge pixel blurred from a preset page background boundary includes:
acquiring background color information of a page background;
obtaining the color difference degree of pixel color information and the background color information for each first edge pixel point of the display edge;
and taking the first edge pixel point with the color difference degree smaller than a preset color difference threshold value as a second edge pixel point with the blurring boundary with the preset page background.
5. The method of claim 4, wherein the obtaining background color information of the page background comprises:
and determining the background color information of the page background according to the color mean value and/or the color information with the largest duty ratio of the page background.
6. The method of claim 4, wherein, for each of the first edge pixels of the display edge, before obtaining the degree of color difference between pixel color information and the background color information, further comprising:
and in the picture to be processed, taking the pixel points positioned in the preset side width range inside the display edge as first edge pixel points, wherein the unit of the preset side width range is a physical pixel.
7. The method according to any one of claims 4 to 6, further comprising, before configuring the second edge pixel point with visual attribute information that forms a boundary with the page background to obtain the image after the edge tracing:
obtaining boundary line visual attribute information corresponding to the background color information according to a preset corresponding relation between the 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 visual attribute information as visual attribute information which is distinguished from the page background forming boundary.
8. The method of claim 1, wherein displaying the bordered picture in the display area shape comprises:
determining a picture container and a container position of the waterfall flow layout according to the shape of the display area;
and filling the picture subjected to the edge tracing into the picture container according to a preset filling attribute for display, and performing scaling and/or offset setting on the picture subjected to the edge tracing so that the picture container shields the picture content beyond the display edge.
9. A picture display edge processing apparatus, comprising:
the edge determining module is used for obtaining the shape of a display area of the picture to be processed according to the preset picture layout and obtaining 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 a second edge pixel point with fuzzy boundary with a preset page background in the first edge pixel points of the display edge;
the tracing module is used for configuring visual attribute information which is distinguished from the page background forming boundary for the second edge pixel point to obtain a traced picture;
The display module is used for displaying the picture after the tracing in the shape of the display area;
the edge determining module is specifically configured to:
acquiring the distance between adjacent picture queues, the edge distance of a page and the number of picture queues according to a preset waterfall stream layout;
determining a limiting size of a picture queue according to a preset page width, the distance between adjacent picture queues, the page margin and the number of picture queues, wherein the limiting size is the size of the picture queue in a direction perpendicular to the arrangement direction of the picture queue;
obtaining a rectangular display proportion for the picture to be processed;
and acquiring the shape of a display area of the picture to be processed in the waterfall flow type layout according to the limiting size of the picture queue and the rectangular display proportion, wherein the shape of the display area is a rectangle meeting the limiting size in the direction perpendicular to the arrangement direction of the picture queue and conforming to the rectangular display proportion.
10. 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-8.
11. A non-transitory computer readable storage medium storing computer instructions for causing the computer to perform the method of any one of claims 1-8.
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 CN110502205A (en) | 2019-11-26 |
| CN110502205B true 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) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| 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 |
| CN113987394B (en) * | 2021-10-15 | 2025-07-04 | 深圳Tcl新技术有限公司 | Screen-end waterfall flow adaptation method, device, computer equipment and storage medium |
| CN114582301B (en) * | 2022-03-08 | 2024-07-23 | 康键信息技术（深圳）有限公司 | Information display method and device, electronic equipment and storage medium |
| CN114758348B (en) * | 2022-04-20 | 2025-06-27 | 中国经济信息社有限公司 | Graphics processing method, device and apparatus |
| CN115346432B (en) * | 2022-07-27 | 2023-12-08 | 徐州神艺数字科技有限公司 | Advertising design display agency |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2004078647A (en) * | 2002-08-20 | 2004-03-11 | Central Res Inst Of Electric Power Ind | Method and apparatus for removing meteorological noise from power line fluctuation analysis image and program |
| EP1431913A1 (en) * | 2002-12-20 | 2004-06-23 | Fujitsu Limited | Method for detecting boundaries between areas having different features in image data |
| 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 device |
| 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 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2003078817A (en) * | 2001-08-30 | 2003-03-14 | Matsushita Electric Ind Co Ltd | Image composition method and image composition device |
| US8013870B2 (en) * | 2006-09-25 | 2011-09-06 | Adobe Systems Incorporated | Image masks generated from local color models |
| US10049435B2 (en) * | 2014-07-31 | 2018-08-14 | Adobe Systems Incorporated | Controlling smoothness of a transmission between images |
-
2019
- 2019-08-29 CN CN201910805951.9A patent/CN110502205B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2004078647A (en) * | 2002-08-20 | 2004-03-11 | Central Res Inst Of Electric Power Ind | Method and apparatus for removing meteorological noise from power line fluctuation analysis image and program |
| EP1431913A1 (en) * | 2002-12-20 | 2004-06-23 | Fujitsu Limited | Method for detecting boundaries between areas having different features in image data |
| 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 device |
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110502205A (en) | 2019-11-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110502205B (en) | Picture display edge processing method and device, electronic equipment and readable storage medium | |
| CN105138317B (en) | Window display processing method and device for terminal device | |
| JP4498146B2 (en) | MEDIA DISPLAY METHOD FOR COMPUTER DEVICE, COMPUTER DEVICE, COMPUTER PROGRAM | |
| CN113177172B (en) | WebGL-based method for efficiently displaying large-batch three-dimensional characters | |
| CN110989878B (en) | Animation display method and device in applet, electronic equipment and storage medium | |
| RU2312404C2 (en) | Hardware acceleration of graphical operations during construction of images based on pixel sub-components | |
| CN105930464B (en) | Web rich media cross-screen adaptation method and device | |
| CN110377285A (en) | A kind of method, apparatus and computer equipment generating page skeleton screen | |
| CN112907496B (en) | Image fusion method and device | |
| CN111078035A (en) | Drawing method based on HTML5Canvas | |
| CN112783595A (en) | Display method and device for interactive writing and electronic equipment | |
| US9679353B2 (en) | Plan display device that displays enlarged/reduced image of original image with indication and plan display program for displaying same | |
| CN108989872B (en) | Android television background fast switching method, framework, server and storage medium | |
| CN106033334A (en) | An interface element drawing method and device | |
| CN109766530B (en) | Method and device for generating chart frame, storage medium and electronic equipment | |
| CN109302629B (en) | Method for switching picture frames for pictures and display terminal | |
| US7342585B2 (en) | Use of an input overscaled bitmap to generate emboldened overscaled bitmap | |
| CN114037748A (en) | Data rendering method and device, electronic equipment and computer storage medium | |
| WO2019063495A2 (en) | Method, device and computer program for overlaying a graphical image | |
| JP4361118B2 (en) | Information processing apparatus, information processing method, and program | |
| JP3855889B2 (en) | Font processing device, terminal device, display device, font processing method, and font processing program | |
| CN117971369A (en) | Visual monitoring interface responsive layout method | |
| US8497874B2 (en) | Pixel snapping for anti-aliased rendering | |
| CN113096217B (en) | Picture generation method and device, electronic equipment and storage medium | |
| CN112419145B (en) | Image data processing method, device, equipment and storage medium |
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 |