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
- processed
- pixel
- 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.)
- Granted
Links
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
This application involves computer fields, and in particular to a kind of picture display technology.
Background technique
In page presentation picture, certain pictures lead to figure due to the color and page layout background solid colour of borderline region
Boundary is unintelligible between the edge and page layout background of piece content, gives user a kind of visual illusion of picture incompleteness.
The prior art usually increases frame to picture container with CSS style sheet, and suitable to frame element addition resolution ratio
With pattern, to form the border width of adaptation under different resolution.For example the frame of 1 logic unit is added under 3 times of screens,
3 times of diminution is then reset on the basis of preset logical pixel hem width.
But existing side scheme of retouching can only be used in the browser for supporting css3 characteristic, it is simultaneous there are having on screen resolution
The problems such as capacitive.Moreover, the color of frame is also possible to generate coincidence with the part edge of picture, it would still be possible to picture boundary occur not
Clear problem.As it can be seen that existing image display method reliability is not high enough, user experience is bad.
Summary of the invention
The object of the present invention is to provide a kind of picture showing edge processing method, device, electronic equipment and readable storage mediums
Matter.
According to the first aspect of the invention, a kind of picture showing edge processing method is provided, comprising:
According to viewing area corresponding with picture to be processed shape, the showing edge of picture to be processed is obtained;
In the first edge pixel of the showing edge, the of the determining obscurity boundary between preset page layout background
2 edge pixel points;
The visual attribute information that boundary is distinguished is formed with the page layout background to second edge pixel configuration, is obtained
To retouching the picture behind side;
With the viewing area shape show described in retouch the picture behind side.
The embodiment of the present application is for, with pixel at page layout background obscurity boundary, having carried out can be with background in showing edge
The visual attribute information configuration that boundary is distinguished is formed, the processing to picture showing edge is realized, obtains retouching the picture behind side,
So as to there is the boundary visual effect mutually distinguished with page layout background, improve picture when showing the picture after retouching side
The visual integrity of display, and configured by the pixel to picture itself, reduce the compliance that image edge is shown.
In some embodiments, described that the showing edge of picture to be processed is obtained according to preset viewing area shape, packet
It includes:
According to preset viewing area shape and preset fill area attribute, display area is determined in the picture to be processed,
Wherein, the display area is the region that the picture to be processed is filled in the viewing area shape with the fill area attribute,
Wherein, the fill area attribute includes scale attributes and/or shifting property;
Showing edge by the edge of the display area, as the picture to be processed.
The embodiment of the present application improves the accuracy for retouching side position by getting the edge of display area in picture.
In some embodiments, described according to preset viewing area shape, obtain picture to be processed showing edge it
Before, further includes:
According to preset picture layout and/or the picture ratio of the picture to be processed, the display of picture to be processed is obtained
Area's shape.
What the embodiment of the present application improved viewing area shape and picture to be processed is adapted to degree, to improve figure to be processed
The display effect of piece.
In some embodiments, described to be laid out according to preset picture, the viewing area shape of picture to be processed is obtained, is wrapped
It includes:
It is laid out according to preset waterfall-type, obtains adjacent picture queue spacing, page back gauge and picture number of queues;
According to preset page width, the adjacent picture queue spacing, the page back gauge and the picture number of queues,
Determine the restriction size of picture queue, wherein the restriction size is perpendicular with the arragement direction of the picture queue
On direction, the size of the picture queue;
Rectangle display scale is obtained to the picture to be processed;
According to the restriction size of the picture queue and the rectangle display scale, picture to be processed is obtained in waterfall-type
Viewing area shape in layout, wherein the viewing area shape is in the side perpendicular with the arragement direction of the picture queue
Meet the restriction size upwards, and meets the rectangle of the rectangle display scale.
The characteristics of the embodiment of the present application is laid out according to waterfall-type determines viewing area shape, to improve with waterfall-type
Showing edge reliability when layout display picture.
In some embodiments, described in the first edge pixel of the showing edge, the determining and preset page
The fuzzy second edge pixel of background border, comprising:
Obtain the Background color information of page layout background;
To each first edge pixel of the showing edge, obtains pixel color information and the background color is believed
The color difference degree of breath;
The color difference degree is less than to the first edge pixel of default color difference threshold, is carried on the back as with the preset page
The second edge pixel of scape obscurity boundary.
The embodiment of the present application by pixel color information compared with the color difference of Background color information, and it is determining with preset page
The fuzzy second edge pixel of face background border, improves the accuracy that edge processing is carried out to picture to be processed.
In some embodiments, the Background color information for obtaining page layout background, comprising:
According to the maximum colouring information of color mean value and/or accounting of page layout background, the background color of page layout background is determined
Information.
The Background color information that the embodiment of the present application is got can more embody or close to page layout background body color, thus
It can more accurately determine second edge pixel, and then improve the reliability to image edge processing to be processed.
In some embodiments, each first edge pixel to the showing edge obtains pixel color
Before information and the color difference degree of the Background color information, further includes:
In the picture to be processed, the pixel preset within the scope of hem width on the inside of the showing edge will be located at, as
First edge pixel, wherein the unit of the default hem width range is physical picture element.
The embodiment of the present application avoids different N times and shields lower hem width display difference by the hem width of setting physical picture element.
In some embodiments, frontier district is formed with the page layout background to second edge pixel configuration described
Point visual attribute information, before the picture after obtaining retouching side, further includes:
According to the corresponding relationship of preset background color and boundary line visual attribute, obtain and the Background color information
Corresponding boundary line visual attribute information, wherein the boundary line visual attribute information includes color attribute and transparency
Attribute;
By the boundary line visual attribute information, the visual attribute that boundary is distinguished is formed as with the page layout background
Information.
The embodiment of the present application is according to the visual attribute letter determined with background color for configuring to second edge pixel
Breath, makes the discrimination of showing edge and background color reach expected, improves the reliability of edge processing.
In some embodiments, with the viewing area shape show described in retouch the picture behind side, comprising:
According to the viewing area shape, the picture container and container position of waterfall-type layout are determined;
The picture retouched behind side is filled by preset fill area attribute into the picture container and is shown, to be retouched to described
Picture behind side zooms in and out and/or deviates setting, so that the picture container blocks the picture other than the showing edge
Content.
The present embodiment is to render the process shown to picture after retouching side with waterfall stream, has preferable visual display effect.
According to the second aspect of the invention, a kind of picture showing edge processing unit is provided, comprising:
Edge determining module, for obtaining the aobvious of picture to be processed according to viewing area corresponding with picture to be processed shape
Show edge;
Comparison module, in the first edge pixel of the showing edge, it is determining with preset page layout background it
Between obscurity boundary second edge pixel;
Side mode block is retouched, for forming the visual of boundary differentiation to second edge pixel configuration and the page layout background
Change attribute information, obtains retouching the picture behind side;
Display module, for retouching the picture behind side described in showing with the viewing area shape.
According to the third aspect of the invention we, a kind of electronic equipment is provided, comprising:
At least one processor;And
The memory being connect at least one described processor communication;Wherein,
The memory is stored with the instruction that can be executed by least one described processor, and described instruction is by described at least one
A processor executes, so that at least one described processor is able to carry out the described in any item methods of first aspect present invention.
According to the fourth aspect of the invention, a kind of non-instantaneous computer-readable storage for being stored with computer instruction is provided
Medium, the computer instruction is for making the computer execute the described in any item methods of first aspect present invention.
One embodiment in above-mentioned application has the following advantages that or the utility model has the advantages that improves the reliability of edge processing,
The visual integrity that picture is shown is improved, and is configured by the pixel to picture itself, reduces what image edge was shown
Compliance.By being directed in showing edge with pixel at page layout background obscurity boundary, can be formed with background
The visual attribute information configuration that boundary is distinguished, realizes the processing to picture showing edge, obtains retouching the picture behind side, so
It overcomes and the not high enough technical problem of reliability is shown to the compatibility dependence of display equipment and edge in the prior art, in turn
Improve visual experience when user checks picture.
Other effects possessed by above-mentioned optional way are illustrated hereinafter in conjunction with specific embodiment.
Detailed description of the invention
Attached drawing does not constitute the restriction to the application for more fully understanding this programme.Wherein:
Fig. 1 is a kind of existing unsharp examples of problems of image edge;
Fig. 2 is a kind of existing image edge treatment effect example;
Fig. 3 is a kind of picture showing edge processing method flow diagram provided by the embodiments of the present application;
Fig. 4 is a kind of showing edge example of picture to be processed provided by the embodiments of the present application;
Fig. 5 is a kind of fixed height provided by the present application without picture display example in the waterfall-type layout page of fixed width;
Fig. 6 is a kind of picture showing edge processing device structure diagram provided by the embodiments of the present application;
Fig. 7 is the block diagram for the electronic equipment for realizing the picture showing edge processing method of the embodiment of the present application.
Specific embodiment
It explains below in conjunction with exemplary embodiment of the attached drawing to the application, including the various of the embodiment of the present application
Details should think them only exemplary to help understanding.Therefore, those of ordinary skill in the art should recognize
It arrives, it can be with various changes and modifications are made to the embodiments described herein, without departing from the scope and spirit of the present application.Together
Sample, for clarity and conciseness, descriptions of well-known functions and structures are omitted from the following description.
With the development of internet technology, browser browses webpage, the mode of end application browsing pictures is also presented
Diversity out, the convenient process of user's browsing pages information of browsing mode abundant.User by browsed web content or
Be that inquiry is pre-stored in local content and obtains desired information, and the main information that picture is presented as page user oriented it
One, if page layout background is consistent with the edge color that picture is shown, it will lead to the visual illusion that user generates picture incompleteness.Ginseng
See Fig. 1, is a kind of existing unsharp examples of problems of image edge.The picture shown in the page shown in Fig. 1, due to day
Empty white is consistent with the white of page layout background, and it is using building as the different of picture boundary that user, which is visually easy to produce the picture,
Shape picture, rather than the illusion of the rectangle picture of its script, cause picture presentation ineffective.Therefore it needs to carry out side to picture
Edge processing improves visual experience of the user to picture browsing.
It referring to fig. 2, is a kind of existing image edge treatment effect example.It in the illustrated example shown in fig. 2, is to pass through CSS
Style sheet is added to the frame of a logic unit to picture container, and realizes frame addition resolution adaptation pattern to frame
The differentiation effect improved between picture and background is realized in the conversion of pixel.But there are still many problems for method shown in Fig. 2.Than
Such as, the page needs the resolution ratio according to used in distinct device, and the hem width being broadened is reduced accordingly.But this need according to
The compatibility for relying web browser, then will appear in the browser or application program for not supporting resolution adaptation pattern and is broadened
Hem width effect, edge processing so is less reliable.For another example, to frame added by picture container, pattern is also possible to
It is close or consistent with the color of other marginal portions of picture, so that it is clear to lead to the problem of new obscure boundary.Such as made with leaf green
For frame, but border color and texturing patterns may be again consistent with leaf in picture, go out again in the image edge of display leaf
Existing frame is overlapped with picture, causes edge processing so less reliable, be still likely to occur picture visually show it is residual
Scarce problem.In addition, to the effect of picture setting frame, it is likely that influence the original whole design effect of picture, lead to user's body
It is not good enough to test.
In order to solve above-mentioned problems of the prior art, the application by picture to be shown with background color
Consistent showing edge has carried out the configuration of visual attribute, itself has implemented the boundary with background in picture, reduces pair
The dependence of equipment, improves the reliability of edge processing, and then improves the reliability that picture is shown.
It is a kind of picture showing edge processing method flow diagram provided by the embodiments of the present application referring to Fig. 3.The application
Executing subject can be the software and/or hardware with picture display function, e.g. picture showing edge processing unit.Figure
Piece showing edge processing unit for example can be mobile phone, personal digital assistant (PersonalDigitalAssistant, referred to as:
PDA), tablet computer, portable equipment (for example, portable computer, pocket computer or handheld computer) etc. have figure
As the mobile device of display function, it is also possible to the fixation that gate inhibition, intelligent fixed-line telephone, console etc. have image display function
Equipment.In addition, picture showing edge processing unit, which can also be to be stored in these equipment, is provided with answering for image display function
Use program.The embodiment of the present application does not limit the form of picture showing edge processing unit.Method shown in Fig. 3 includes step
S101 is in the following with reference to the drawings and specific embodiments illustrated the application to step S104.
S101 obtains the showing edge of picture to be processed according to viewing area corresponding with picture to be processed shape.
Picture to be processed is obtained in advance, can be the input operation that screen is scrolled according to user, from pre-stored picture
Middle acquisition picture to be processed carries out picture load into the page.For example, it is single that pre-stored original image is read interim storage
In member, the picture to be processed is obtained.And since picture on the page finally when showing, it will receive page layout either picture
The edge of the limitation of container, actual displayed may not be the edge of picture itself.Therefore, judging whether picture will appear edge
When showing unintelligible with background, need to determine the showing edge of picture to be processed first, to improve the subsequent standard for retouching side processing
True property.
It referring to fig. 4, is a kind of showing edge example of picture to be processed provided by the embodiments of the present application.For shown in Fig. 4
Picture to be processed, edge efgh is the original edge of picture to be processed, and the shape representation of the edge abcd picture to be processed
Viewing area shape, edge abcd itself shows also the showing edge of picture to be processed.In some embodiments, it can be root
According to preset viewing area shape and preset fill area attribute, display area is determined in the picture to be processed, wherein described aobvious
Show that region is the region that the picture to be processed is filled in the viewing area shape with the fill area attribute, wherein described to fill out
Filling attribute includes scale attributes and/or shifting property.Such as viewing area shape is vertical rectangle shown in edge abcd, wait locate
Managing picture is lateral rectangle as shown in Figure 4, can be in conjunction with some preset fill area attributes when determining display area, benefit
Display area is determined in picture to be processed with viewing area shape.It is e.g. whole placed in the middle by may be implemented in conjunction with fill area attribute
Display, main contents are shown centered on or show the filling effects such as content maximization.For example, can according to default bias attribute,
Picture to be processed is contracted by the central point of picture to be processed and preset viewing area shape alignment, and according to preset scale attributes
It puts within the shape of viewing area when the image content of cover-most, the part that the choosing of area's shape frame is shown in picture to be processed is made
For display area.Wherein, shifting property specifically can be the center offset of picture to be processed, scale attributes specifically can be to
Handle the scaling of picture.And the scaling can be preset, be also possible to according to main in picture to be processed
Picture material proportion determines.Finally, the display side by the edge of the display area, as the picture to be processed
Edge, edge abcd shown in Figure 4.
In the above-described embodiments, the viewing area shape of different pictures to be processed can be fixed (such as traditional matrix
Formula picture layout), it is also possible to (such as the waterfall-type layout) of variation.For example, in some browsers, with waterfall-type cloth
Office's loaded and displayed picture.It is a kind of fixed height provided by the present application without picture in the waterfall-type layout page of fixed width referring to Fig. 5
Display example.The key property of waterfall-type layout is in picturesque disorder.Indefinite high (the vertical cloth of fixed width in waterfall-type layout
Office) either fixed high not fixed width (landscape layout) image display pattern, allow the page to be different from traditional matrix form picture layout,
Different vision hierarchies is formed, any flowing of sight alleviates visual fatigue again.
For example, in some embodiments, can be the viewing area shape for obtaining picture to be processed according to preset picture layout
Shape.Since in the indefinite high waterfall-type layout of fixed width, the height of previous picture may influence the height that Lower panel is shown
Degree.Therefore, it can be laid out according to preset waterfall-type, obtain adjacent picture queue spacing, page back gauge and picture number of queues.
Wherein, in the indefinite high waterfall-type layout (vertical layout) of fixed width, picture queue is a string of pictures to arrange arrangement, each
It is classified as a picture queue;And in the waterfall-type layout (landscape layout) of fixed high not fixed width, picture queue is with row arrangement
A string of pictures, one picture queue of each behavior.In landscape layout, page back gauge is the first row or last line and the page
The distance between edge;Picture number of queues is the line number of picture.Then, according to preset page width, the adjacent picture team
Column pitch, the page back gauge and the picture number of queues, determine the restriction size of picture queue, wherein the restriction size
It is the size of the picture queue on the direction perpendicular with the arragement direction of the picture queue.For example, wide waterfall stream
The restriction size of formula layout is width, and the restriction size of contour waterfall-type layout is height.In waterfall-type layout, own
Picture is shown as rectangle.Therefore, it is necessary to obtain rectangle display scale to the picture to be processed, (such as there are three types of optional rectangles
Display scale 1:1,2:3,3:4).Restriction size and the rectangle display scale further according to the picture queue, obtain wait locate
Manage viewing area shape of the picture in waterfall-type layout, wherein the viewing area shape is in the row with the picture queue
Meet the restriction size on the perpendicular direction in cloth direction, and meets the rectangle of the rectangle display scale.Viewing area shape
The shape of actually last picture container, such as previous Zhang Caiyong rectangle picture container, the then figure immediately below it
Piece then uses contour square picture container, therefore, specifically can be the layout of the picture according to corresponding to picture to be processed, comes
Determine its corresponding viewing area shape.In some pictures layout, the viewing area shape with rectangle can not also be limited to, herein not
It limits.
And in further embodiments, and can be the picture ratio according to picture to be processed, obtain picture to be processed
Viewing area shape.For example, if picture to be processed is the square picture of high width 1:1, then by central symmetries such as square, circles
Shape, as its viewing area shape;If picture to be processed is the picture of high width 2:3 or 3:4, then by rectangle, ellipse
Etc. non-centrosymmetrical shape, as its viewing area shape.Using the shape being more adapted to picture ratio to be processed as its display
Area's shape can obtain biggish indication range in picture to be processed, can also have preferable user experience.
Above-mentioned embodiment using preset picture layout and can be with using the embodiment of the picture ratio of picture to be processed
In conjunction with.For example, determining that rectangular or square viewing area shape can be used in it in conjunction with picture layout, in conjunction with picture to be processed
Picture ratio is determined using rectangle as viewing area shape.The sequence and concrete mode the application that the two combines are without limitation.
The application improves the accuracy of the showing edge of the picture to be processed got by above-mentioned various embodiments,
Then it needs to be determined which can not partially form differentiation boundary with background in showing edge in next step.
S102, in the first edge pixel of the showing edge, the determining module of boundary between preset page layout background
The second edge pixel of paste.
In the present embodiment, with the second edge pixel of preset page layout background obscurity boundary, it can be understood as, show
Show the partial pixel point that color is same or similar with page layout background on edge.Such as on edge abcd shown in Fig. 4, building,
The color of leaf and road is all different from white background, but the white of sky is consistent with the white of background, does not have visually
Boundary.Therefore, in the example depicted in fig. 4, the point of edge pixel corresponding to sky needs are reconfigured, and are eventually formed such as figure
Effect shown in 5.There are many modes for determining second edge pixel, can be all pixels traversed in picture to be processed
Then point will meet position in showing edge, and the pixel with preset page layout background obscurity boundary condition, be determined as second
Edge pixel point.It is also possible to first carry out coarse sizing according to showing edge, then in the pixel that coarse sizing determines further
With with preset page layout background obscurity boundary condition, determine second edge pixel.
In order to improve the accuracy of edge processing, such as it can first obtain the Background color information of page layout background.Then right
Each first edge pixel of the showing edge obtains the color difference journey of pixel color information and the Background color information
Degree.Such as be compared pixel color information color data corresponding with the Background color information, obtain color difference degree.This
In be used to the pixel color information that compares and the Background color information for example can be the RGB numerical value of pixel and background, but this
Apply not limited to this.Finally, the color difference degree can be less than to the first edge pixel of default color difference threshold, make
For the second edge pixel with preset page layout background obscurity boundary.Can default color difference threshold be, for example, to be used to indicate and distinguish
The color difference opened.Color difference threshold is preset if it is less than this, then is the indistinguishable color difference degree of human eye;It is default if it is greater than this
Color difference threshold is then the color difference degree that human eye can be distinguished.
In above-described embodiment, if page layout background is solid background, Background color information is directly acquired.But if the page
Background is figuratum background, then the color for including in page layout background is not just solid color.In order to improve get
The reliability of 2 edge pixel points, no matter whether background color is single, can be by taking representative colors as background color
Mode, be compared with the pixel color information of second edge pixel.Representative colors can be the color of page layout background
The combination of one or both of the maximum colouring information of mean value, accounting.Specifically, it can be equal according to the color of page layout background
Value and/or the maximum colouring information of accounting, determine the Background color information of page layout background.Thus the Background color information got
Can more embody or close to page layout background use color, so as to more accurately determine second edge pixel, Jin Erti
The high reliability to image edge processing to be processed.
In some embodiments, the hem width under shielding in order to avoid different times shows difference, before calculating color difference degree,
Hem width can also be defined with physical picture element, in the showing edge of picture to be processed, determine to meet the first of default hem width range
Edge pixel point.For example, it may be will be located on the inside of the showing edge and preset within the scope of hem width in the picture to be processed
Pixel, as first edge pixel, wherein the unit of the default hem width range is physical picture element.For example, by 1
Hem width of the physical picture element as showing edge, then by the pixel in showing edge in 1 physical picture element, as first edge picture
Vegetarian refreshments.
In the above-described embodiments, it in order to improve the reliability that boundary is distinguished between background after edge processing, is getting
After background color, and before executing step S103, it can also be determined according to background color for second edge pixel
The visual attribute information that point is configured.Visual attribute information can be color, transparency, brightness, saturation degree, gray scale etc.
Etc. visual attribute information.In some alternative embodiments, it can be that be previously provided with background color visual with boundary line
Change the corresponding relationship of attribute, such as the form of mapping table records the boundary line visual attribute that each background color can sample, with reality
The effect now demarcated.Such as the background color to white, corresponding preset boundary line visual attribute may is that " color attribute:
Black ", " transparency property: 50% ".It specifically, can be corresponding with boundary line visual attribute according to preset background color
Relationship obtains boundary line visual attribute information corresponding with the Background color information, wherein the boundary line visualizes
Attribute information includes color attribute and transparency property.By the boundary line visual attribute information, carried on the back as with the page
Scape forms the visual attribute information that boundary is distinguished.The present embodiment according to background color determine currently retouch side use color and
Transparency, color attribute for example can be with the maximum color of current background colour contrast, to improve the reliability of boundary.Its
In, also certain transparency is being set, is avoiding the lofty sense of color bring being excessively saturated, is improving user's visual comfort.Pass through
The combination of color attribute and transparency property configures, and so that the discrimination of showing edge and background color is reached expected, further mentions
The high reliability of edge processing.
S103 forms the visual attribute that boundary is distinguished with the page layout background to second edge pixel configuration and believes
Breath, obtains retouching the picture behind side.
It is to be understood that in the embodiment of abovementioned steps, it has been determined that picture is caused visually to generate incomplete illusion
The reason of be second edge pixel color it is same or similar with background color, then, in order to solve this problem, need by
The visual attribute of this partial pixel point is reconfigured, it can be understood as is to retouch side processing.This in the application is retouched at side
It manages full edge not in the prior art and retouches side, can be understood as carrying out the second edge pixel on picture to be processed
Replacement replaces with the pixel for meeting and forming the visual attribute information that boundary is distinguished with the page layout background, and in addition to the
Showing edge other positions other than 2 edge pixel points, are not processed.Here the concrete mode replaced, e.g. to the second side
Edge pixel carries out reconfiguring comprising color attribute.With continued reference in example shown in fig. 5, building, leaf and road
Shared edge does not reconfigure pixel, but edge shared by sky, then is configured as the translucent pixel of black.
S104, with the viewing area shape show described in retouch the picture behind side.
In this application, viewing area shape is not limited to the rectangle illustrated in Fig. 4, Fig. 5, but viewing area shape is understood that
For the shape of the picture container of page setup.It can be understood as carrying out default layout to the picture after retouching side with viewing area shape
Rendering or pre-rendered.
In the embodiment of some waterfall-types layout, it can be according to the viewing area shape, determine waterfall-type cloth
The picture container and container position of office.Such as the width and height of picture container are got, and the arrangement position in the page.Then
The picture retouched behind side is filled by preset fill area attribute into the picture container and is shown, to the figure retouched behind side
Piece zooms in and out and/or deviates setting, so that the picture container blocks the image content other than the showing edge.It can be with
It is interpreted as, the width, height, offset of retouching the picture behind side is configured, display area is completely shown, and to exceeding picture
The image content of container, which is hidden, not to be shown.It under the scene of waterfall-type layout, generallys use such as under type: obtaining waterfall-type
It is laid out at least one object picture to be shown of arrangement;When receiving the operation of scroll through pages of user's input, terminal is not
The new object picture of disconnected load;And during page scroll, by the clear of the object picture of removed page-out display area
Historical record of looking at does interim storage.
The embodiment of the present application provides a kind of picture showing edge processing method, by according to preset viewing area shape,
Obtain the showing edge of picture to be processed;It is determining to be carried on the back with the preset page in the first edge pixel of the showing edge
The second edge pixel of scape obscurity boundary;Boundary is formed with the page layout background to second edge pixel configuration to distinguish
Visual attribute information, obtain retouching the picture behind side;With the viewing area shape show described in retouch the picture behind side, thus needle
To, with pixel at page layout background obscurity boundary, having carried out can be with the visualization category of background formation boundary differentiation in showing edge
Property information configuration, realize the processing to picture showing edge, obtain retouching the picture behind side, so as to after showing that this retouches side
Picture when, there is the boundary visual effect mutually distinguished with page layout background, improve the visual integrity that picture is shown, and pass through
Pixel configuration to picture itself, reduces the compliance that image edge is shown.
In some concrete implementation modes, illustrate so that browser shows waterfall-type picture layout as an example.
Firstly, carrying out the initialization step of page info.In initialization step, to the color picture of page layout background, retouch
Picture display scale (example to be shown in side attribute (for example including hem width, color attribute, transparency property), waterfall-type layout
One of three kinds of optional ratio 1:1,2:3,3:4 in this way), page width, two sides of the waterfall-type layout in the page are away from waterfall
Spacing in streaming layout between the display columns (in the case of 2 column) of picture, adjacent picture column.
Then, the display area of picture to be shown in waterfall-type layout is calculated, determines showing edge.Specifically
Ground, the page width according to obtained in initialization procedure, two sides of the waterfall-type layout in the page are away from waterfall-type layout
The spacing of middle picture shown between columns, adjacent picture column, calculates the picture container width of each column picture.Picture container is wide
Spend w=(width -2*padding-gap)/2, wherein padding refer to waterfall-type two sides of the layout in the page away from,
Gap refers to the spacing between 2 adjacent picture column.According to picture display scale, such as 2:3, it can be calculated in the page and scheme
The display height h=w*2/3 of piece, wherein { w, h } is the wide w and high h of the display area of picture to be shown.Again according to picture
The original high naturalWidth and naturalHeight of width, and default display rule require picture to be shown in display area
{ w, h } interior align center up and down, can calculate coordinate position of the picture to be shown in display area { w, h }.The step
The display area data of obtained picture to be shown include left, top, sw, sh, naturalWidth, naturalHeight,
W, h }, wherein left is the offset of horizontal direction, and top is the offset of vertical direction;After sw is the scaling of picture to be shown
Width, sh are height after the scaling of picture to be shown;NaturalWidth is the original width of picture to be shown,
NaturalHeight is the original height of picture to be shown;W is the picture container width of picture to be shown, and h is picture to be shown
Picture container height.
Then, the step of retouching side is carried out.Specifically, can be according to it is obtained in the previous step left, top, sw, sh,
NaturalWidth, naturalHeight, w, h }, the position of each pixel in picture to be shown is traversed, will be located at left,
Top, sw, sh, w, h } corresponding region showing edge and within the frame range [0, border-width] for retouching side attribute
Pixel, as first edge pixel.To the color picture of page layout background in initialization step, background color is extracted.Judgement
Whether the color of each first edge pixel is consistent with background color.If it is inconsistent, be not processed, jump judge it is next
First edge pixel;It, will be currently as first edge pixel is arranged to retouch the color attribute, transparent of side attribute if consistent
Attribute is spent, side is retouched in realization.It is finished to all first edge pixel traversal processings, the picture behind side is retouched in output.The step of retouching side
It can be by opening graphics processor (Graphics Processing Unit, referred to as: GPU) parallel rendering ability, it will be to
The display area data of picture and the fragment shader retouched side attribute and be transmitted to GPU that initialization obtains are shown, to each to aobvious
First pixel pixel of diagram piece does the judgement and processing of whether retouching side.
Finally, doing the rendering of waterfall stream to the picture behind side is retouched, picture is shown.Specifically, can be will retouch the picture behind side
It is rendered to 2 column waterfall-types layout, because picture with the rule of page layout background solid colour according to whether done adaptively
Side processing is retouched, so the picture of rendering has just carried and retouched side, addition css pattern and dom node etc. is no longer needed to and carries out retouching side behaviour
Make.To the display operation of each picture, comprise the concrete steps that: the width that picture container is arranged is high { w, h }, and image content exceeds container
Part hides;It is high { sw, sh } that picture viewing area field width is set, offset { left, top } is set in horizontal and vertical direction.As a result,
Complete the processing of picture showing edge.
It corresponds to the above method, present invention also provides a kind of picture showing edge processing units.Referring to Fig. 6, it is
A kind of picture showing edge processing device structure diagram provided by the embodiments of the present application.The processing of picture showing edge shown in Fig. 6
Device 60 includes:
Edge determining module 61, for obtaining picture to be processed according to viewing area corresponding with picture to be processed shape
Showing edge.
Comparison module 62, for determining and preset page layout background in the first edge pixel of the showing edge
Between obscurity boundary second edge pixel.
Retouch side mode block 63, for the second edge pixel configuration with the page layout background formed boundary distinguish can
Depending on changing attribute information, obtain retouching the picture behind side.
Display module 64, for retouching the picture behind side described in showing with the viewing area shape.
The terminal of embodiment illustrated in fig. 6 accordingly can be used for executing the step in embodiment of the method shown in Fig. 3, realize former
Reason is similar with technical effect, and details are not described herein again.
In some embodiments, edge determining module 61, for being belonged to according to preset viewing area shape and preset filling
Property, display area is determined in the picture to be processed, wherein the display area is the picture to be processed with the filling
Attribute is filled in the region in the viewing area shape, wherein the fill area attribute includes scale attributes and/or shifting property;
Showing edge by the edge of the display area, as the picture to be processed.
In some embodiments, edge determining module 61 obtains figure to be processed described according to preset viewing area shape
Before the showing edge of piece, be also used to according to preset picture be laid out and/or the picture to be processed picture ratio, obtain to
Handle the viewing area shape of picture.
In some embodiments, edge determining module 61 is specifically used for being laid out according to preset waterfall-type, obtain adjacent
Picture queue spacing, page back gauge and picture number of queues;According to preset page width, the adjacent picture queue spacing, institute
State page back gauge and the picture number of queues, determine the restriction size of picture queue, wherein the restriction size be with it is described
On the perpendicular direction of the arragement direction of picture queue, the size of the picture queue;Rectangle is obtained to the picture to be processed
Display scale;According to the restriction size of the picture queue and the rectangle display scale, picture to be processed is obtained in waterfall stream
Viewing area shape in formula layout, wherein the viewing area shape is perpendicular with the arragement direction of the picture queue
Meet the restriction size on direction, and meets the rectangle of the rectangle display scale.
In some embodiments, comparison module 62, for obtaining the Background color information of page layout background;To the display side
Each first edge pixel of edge obtains the color difference degree of pixel color information and the Background color information;It will be described
Color difference degree is less than the first edge pixel of default color difference threshold, as the with preset page layout background obscurity boundary
2 edge pixel points.
In some embodiments, comparison module 62, for the maximum face of color mean value and/or accounting according to page layout background
Color information determines the Background color information of page layout background.
In some embodiments, comparison module 62 is obtained in each first edge pixel to the showing edge
Before pixel color information and the color difference degree of the Background color information, it is also used in the picture to be processed, will be located at
The pixel within the scope of hem width is preset on the inside of the showing edge, as first edge pixel, wherein the default hem width model
The unit enclosed is physical picture element.
In some embodiments, side mode block 63 is retouched described to second edge pixel configuration and the page layout background
Form the visual attribute information that boundary is distinguished, before the picture after obtaining retouching side, be also used to according to preset background color with
The corresponding relationship of boundary line visual attribute obtains boundary line corresponding with Background color information visual attribute letter
Breath, wherein the boundary line visual attribute information includes color attribute and transparency property;The boundary line is visualized and is belonged to
Property information, as with the page layout background formed boundary distinguish visual attribute information.
In some embodiments, display module 64, for determining the figure of waterfall-type layout according to the viewing area shape
Piece container and container position;The picture retouched behind side is filled by preset fill area attribute into the picture container and is shown,
To zoom in and out and/or deviate setting to the picture retouched behind side, so that the picture container blocks the showing edge
Image content in addition.
According to an embodiment of the present application, present invention also provides a kind of electronic equipment and a kind of readable storage medium storing program for executing.
As shown in fig. 7, being the block diagram according to the electronic equipment of the picture showing edge processing method of the embodiment of the present application.Electricity
Sub- equipment is intended to indicate that various forms of digital computers, such as, laptop computer, desktop computer, workbench, a number
Word assistant, server, blade server, mainframe computer and other suitable computer.Electronic equipment also may indicate that respectively
The mobile device of kind form, such as, personal digital assistant, cellular phone, smart phone, wearable device and other similar meters
Calculate device.Component, their connection and relationship shown in this article and their function are merely exemplary, and are not intended to
Limit the realization of the application that is described herein and/or requiring.
As shown in fig. 7, the electronic equipment includes: one or more processors 701, memory 702, and each for connecting
The interface of component, including high-speed interface and low-speed interface.All parts are interconnected using different buses, and can be pacified
It installs in other ways on public mainboard or as needed.Processor can to the instruction executed in electronic equipment into
Row processing, including storage in memory or on memory (such as, to be coupled to interface in external input/output device
Display equipment) on show GUI graphical information instruction.In other embodiments, if desired, can be by multiple processors
And/or multiple bus is used together with multiple memories with multiple memories.It is also possible to multiple electronic equipments are connected, it is each
Equipment provides the necessary operation in part (for example, as server array, one group of blade server or multiprocessor system
System).In Fig. 7 by taking a processor 701 as an example.
Memory 702 is non-transitory computer-readable storage medium provided herein.Wherein, the memory is deposited
The instruction that can be executed by least one processor is contained, so that at least one described processor executes picture provided herein
The method of showing edge processing.The non-transitory computer-readable storage medium of the application stores computer instruction, which refers to
Enable the method for making computer execute picture showing edge processing provided herein.
Memory 702 is used as a kind of non-transitory computer-readable storage medium, can be used for storing non-instantaneous software program, non-
Instantaneous computer executable program and module, the corresponding journey of method handled such as the picture showing edge in the embodiment of the present application
Sequence instruction/module is (for example, attached edge determining module 61 shown in fig. 6, comparison module 62, retouch side mode block 63 and display module
64).Non-instantaneous software program, instruction and the module that processor 701 is stored in memory 702 by operation, thereby executing
The various function application and data processing of server, the i.e. side of picture showing edge processing in realization above method embodiment
Method.
Memory 702 may include storing program area and storage data area, wherein storing program area can store operation system
Application program required for system, at least one function;Storage data area can be stored to be set according to the electronics that picture showing edge is handled
Standby uses created data etc..In addition, memory 702 may include high-speed random access memory, it can also include non-
Volatile storage, for example, at least a disk memory, flush memory device or other non-instantaneous solid-state memories.Some
In embodiment, it includes the memory remotely located relative to processor 701 that memory 702 is optional, these remote memories can be with
By being connected to the network the electronic equipment handled to picture showing edge.The example of above-mentioned network includes but is not limited to internet, enterprise
Industry intranet, local area network, mobile radio communication and combinations thereof.
The electronic equipment of the method for picture showing edge processing can also include: input unit 703 and output device 704.
Processor 701, memory 702, input unit 703 and output device 704 can be connected by bus or other modes, Fig. 7
In by by bus connect for.
Input unit 703 can receive the number or character information of input, and generate the electricity with the processing of picture showing edge
The related key signals input of the user setting and function control of sub- equipment, such as touch screen, keypad, mouse, track pad, touching
The input units such as template, indicating arm, one or more mouse button, trace ball, control stick.Output device 704 may include
Show equipment, auxiliary lighting apparatus (for example, LED) and haptic feedback devices (for example, vibrating motor) etc..The display equipment can be with
Including but not limited to, liquid crystal display (LCD), light emitting diode (LED) display and plasma scope.In some implementations
In mode, display equipment can be touch screen.
The various embodiments of system and technology described herein can be in digital electronic circuitry, integrated circuit system
It is realized in system, dedicated ASIC (specific integrated circuit), computer hardware, firmware, software, and/or their combination.These are various
Embodiment may include: to implement in one or more computer program, which can be
It executes and/or explains in programmable system containing at least one programmable processor, which can be dedicated
Or general purpose programmable processors, number can be received from storage system, at least one input unit and at least one output device
According to and instruction, and data and instruction is transmitted to the storage system, at least one input unit and this at least one output
Device.
These calculation procedures (also referred to as program, software, software application or code) include the machine of programmable processor
Instruction, and can use programming language, and/or the compilation/machine language of level process and/or object-oriented to implement these
Calculation procedure.As used herein, term " machine readable media " and " computer-readable medium " are referred to for referring to machine
It enables and/or data is supplied to any computer program product, equipment, and/or the device of programmable processor (for example, disk, light
Disk, memory, programmable logic device (PLD)), including, receive the machine readable of the machine instruction as machine-readable signal
Medium.Term " machine-readable signal " is referred to for machine instruction and/or data to be supplied to any of programmable processor
Signal.
In order to provide the interaction with user, system and technology described herein, the computer can be implemented on computers
The display device for showing information to user is included (for example, CRT (cathode-ray tube) or LCD (liquid crystal display) monitoring
Device);And keyboard and indicator device (for example, mouse or trace ball), user can by the keyboard and the indicator device come
Provide input to computer.The device of other types can be also used for providing the interaction with user;For example, being supplied to user's
Feedback may be any type of sensory feedback (for example, visual feedback, audio feedback or touch feedback);And it can use
Any form (including vocal input, voice input or tactile input) receives input from the user.
System described herein and technology can be implemented including the computing system of background component (for example, as data
Server) or the computing system (for example, application server) including middleware component or the calculating including front end component
System is (for example, the subscriber computer with graphic user interface or web browser, user can pass through graphical user circle
Face or the web browser to interact with the embodiment of system described herein and technology) or including this backstage portion
In any combination of computing system of part, middleware component or front end component.Any form or the number of medium can be passed through
Digital data communicates (for example, communication network) and is connected with each other the component of system.The example of communication network includes: local area network
(LAN), wide area network (WAN) and internet.
Computer system may include client and server.Client and server is generally off-site from each other and usually logical
Communication network is crossed to interact.By being run on corresponding computer and each other with the meter of client-server relation
Calculation machine program generates the relationship of client and server.
According to the technical solution of the embodiment of the present application, the reliability of edge processing is improved, improves the view that picture is shown
Feel integrality, and configured by the pixel to picture itself, reduces the compliance that image edge is shown.By being directed to
With pixel at page layout background obscurity boundary in showing edge, carry out that the visual attribute that boundary is distinguished can be formed with background
Information configuration realizes the processing to picture showing edge, obtains retouching the picture behind side, so overcoming in the prior art to aobvious
When showing that the compatibility of equipment relies on and edge shows the not high enough technical problem of reliability, and then improving user and check picture
Visual experience.
It should be understood that various forms of processes illustrated above can be used, rearrangement increases or deletes step.Example
Such as, each step recorded in the application of this hair can be performed in parallel or be sequentially performed the order that can also be different and execute,
As long as it is desired as a result, being not limited herein to can be realized technical solution disclosed in the present application.
Above-mentioned specific embodiment does not constitute the limitation to the application protection scope.Those skilled in the art should be bright
White, according to design requirement and other factors, various modifications can be carried out, combination, sub-portfolio and substitution.It is any in the application
Spirit and principle within made modifications, equivalent substitutions and improvements etc., should be included within the application protection scope.
Claims (12)
1. a kind of picture showing edge processing method characterized by comprising
According to viewing area corresponding with picture to be processed shape, the showing edge of picture to be processed is obtained;
In the first edge pixel of the showing edge, the second side of the determining obscurity boundary between preset page layout background
Edge pixel;
The visual attribute information that boundary is distinguished is formed with the page layout background to second edge pixel configuration, is retouched
Picture behind side;
With the viewing area shape show described in retouch the picture behind side.
2. acquisition is to be processed the method according to claim 1, wherein described according to preset viewing area shape
The showing edge of picture, comprising:
According to preset viewing area shape and preset fill area attribute, display area is determined in the picture to be processed, wherein
The display area is the region that the picture to be processed is filled in the viewing area shape with the fill area attribute, wherein
The fill area attribute includes scale attributes and/or shifting property;
Showing edge by the edge of the display area, as the picture to be processed.
3. method according to claim 1 or 2, which is characterized in that described according to preset viewing area shape, obtain to
Before the showing edge for handling picture, further includes:
According to preset picture layout and/or the picture ratio of the picture to be processed, the viewing area shape of picture to be processed is obtained
Shape.
4. according to the method described in claim 3, it is characterized in that, it is described according to preset picture be laid out, obtain figure to be processed
The viewing area shape of piece, comprising:
It is laid out according to preset waterfall-type, obtains adjacent picture queue spacing, page back gauge and picture number of queues;
According to preset page width, the adjacent picture queue spacing, the page back gauge and the picture number of queues, determine
The restriction size of picture queue, wherein the restriction size is in the direction perpendicular with the arragement direction of the picture queue
On, the size of the picture queue;
Rectangle display scale is obtained to the picture to be processed;
According to the restriction size of the picture queue and the rectangle display scale, obtains picture to be processed and be laid out in waterfall-type
In viewing area shape, wherein the viewing area shape is on the direction perpendicular with the arragement direction of the picture queue
Meet the restriction size, and meets the rectangle of the rectangle display scale.
5. the method according to claim 1, wherein the first edge pixel in the showing edge
In, the determining second edge pixel with preset page layout background obscurity boundary, comprising:
Obtain the Background color information of page layout background;
To each first edge pixel of the showing edge, pixel color information and the Background color information are obtained
Color difference degree;
The color difference degree is less than to the first edge pixel of default color difference threshold, as with preset page layout background side
The fuzzy second edge pixel in boundary.
6. according to the method described in claim 5, it is characterized in that, the Background color information for obtaining page layout background, comprising:
According to the maximum colouring information of color mean value and/or accounting of page layout background, the Background color information of page layout background is determined.
7. according to the method described in claim 5, it is characterized in that, each first edge picture to the showing edge
Before the color difference degree of vegetarian refreshments, acquisition pixel color information and the Background color information, further includes:
In the picture to be processed, the pixel preset within the scope of hem width on the inside of the showing edge will be located at, as first
Edge pixel point, wherein the unit of the default hem width range is physical picture element.
8. according to any method of claim 5 to 7, which is characterized in that match described to the second edge pixel
It sets and forms the visual attribute information that boundary is distinguished with the page layout background, before the picture after obtaining retouching side, further includes:
According to the corresponding relationship of preset background color and boundary line visual attribute, obtain opposite with the Background color information
The boundary line visual attribute information answered, wherein the boundary line visual attribute information includes color attribute and transparency category
Property;
By the boundary line visual attribute information, believe as the visual attribute that boundary is distinguished is formed with the page layout background
Breath.
9. the method according to claim 1, wherein with the viewing area shape show described in retouch the figure behind side
Piece, comprising:
According to the viewing area shape, the picture container and container position of waterfall-type layout are determined;
The picture retouched behind side is filled by preset fill area attribute into the picture container and is shown, with to it is described retouch side after
Picture zoom in and out and/or deviate setting so that the picture container blocks the image content other than the showing edge.
10. a kind of picture showing edge processing unit characterized by comprising
Edge determining module, for obtaining the display side of picture to be processed according to viewing area corresponding with picture to be processed shape
Edge;
Comparison module, in the first edge pixel of the showing edge, the determining side between preset page layout background
The fuzzy second edge pixel in boundary;
Side mode block is retouched, for forming the visualization category that boundary is distinguished with the page layout background to second edge pixel configuration
Property information, obtains retouching the picture behind side;
Display module, for retouching the picture behind side described in showing with the viewing area shape.
11. a kind of electronic equipment characterized by comprising
At least one processor;And
The memory being connect at least one described processor communication;Wherein,
The memory is stored with the instruction that can be executed by least one described processor, and described instruction is by described at least one
It manages device to execute, so that at least one described processor is able to carry out method of any of claims 1-9.
12. a kind of non-transitory computer-readable storage medium for being stored with computer instruction, which is characterized in that the computer refers to
It enables for making the computer perform claim require method described in any one of 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 (6)
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 |
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 |
---|---|---|
CN110502205A (en) | Picture showing edge processing method, device, electronic equipment and readable storage medium storing program for executing | |
US10540744B2 (en) | Flexible control in resizing of visual displays | |
US7219309B2 (en) | Innovations for the display of web pages | |
US8514243B2 (en) | Methods, systems, and programming for producing and displaying subpixel-optimized font bitmaps using non-linear color balancing | |
US20180052593A1 (en) | Providing visual selection of map data for a digital map | |
CN106406794A (en) | Screen adapting method and device | |
US8933971B2 (en) | Scale factors for visual presentations | |
CN107239287A (en) | A kind of Webpage display process, device, electronic equipment and storage medium | |
CN107515759A (en) | Screenshotss method, apparatus, electronic equipment and readable storage medium storing program for executing | |
CN102591848A (en) | Selection of foreground characteristics based on background | |
CN105808134B (en) | Device, the method and apparatus of the expression of handwriting input are presented over the display | |
BRPI0519061B1 (en) | METHOD FOR VISUALIZING MATERIAL DISPLAYED ON THE ELECTRONIC DEVICE AND ELECTRONIC DEVICE | |
CN106445431A (en) | Terminal operation method and device | |
CN103324734B (en) | The method and apparatus of webpage scaling in a kind of electronic equipment | |
CN107797752A (en) | The rendering method and device of written handwriting, interactive intelligent tablet computer and storage medium | |
CN106033334A (en) | An interface element drawing method and device | |
CN105930464A (en) | Web rich media multi-screen adaptation method and apparatus | |
DE202014010899U1 (en) | Support for user interactions with rendered graphic objects | |
US9678645B2 (en) | Interactive map markers | |
CN109032951A (en) | A kind of method, system, server and the storage medium of detection client operation OpenGL version | |
CN108399058A (en) | A kind of signal display control method and device | |
CN112783595A (en) | Display method and device for interactive writing and electronic equipment | |
CN103324743B (en) | A kind of webpage zoom on electronic equipment and the method and apparatus of alignment | |
CN115691772A (en) | Operation visualization system and corresponding computer device and storage medium | |
JP6945345B2 (en) | Display device, display method and program |
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 |