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 PDF

Info

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
Application number
CN201910805951.9A
Other languages
Chinese (zh)
Other versions
CN110502205B (en
Inventor
杨茗名
王群
张苗
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN201910805951.9A priority Critical patent/CN110502205B/en
Publication of CN110502205A publication Critical patent/CN110502205A/en
Application granted granted Critical
Publication of CN110502205B publication Critical patent/CN110502205B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital 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

Picture showing edge processing method, device, electronic equipment and readable storage medium storing program for executing
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.
CN201910805951.9A 2019-08-29 2019-08-29 Picture display edge processing method and device, electronic equipment and readable storage medium Active CN110502205B (en)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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

Patent Citations (11)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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