CN110069727A - The method and apparatus of picture processing - Google Patents

The method and apparatus of picture processing Download PDF

Info

Publication number
CN110069727A
CN110069727A CN201710839358.7A CN201710839358A CN110069727A CN 110069727 A CN110069727 A CN 110069727A CN 201710839358 A CN201710839358 A CN 201710839358A CN 110069727 A CN110069727 A CN 110069727A
Authority
CN
China
Prior art keywords
picture
webpage
foreground layer
layer
canvas object
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.)
Pending
Application number
CN201710839358.7A
Other languages
Chinese (zh)
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 Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information 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 Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201710839358.7A priority Critical patent/CN110069727A/en
Publication of CN110069727A publication Critical patent/CN110069727A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • Processing Or Creating Images (AREA)

Abstract

Present disclose provides a kind of methods of picture processing.The described method includes: generating the consistent canvas object of displaying picture with background layer in webpage, wherein further including foreground layer in the webpage, the foreground layer is shown on the background layer in the webpage;It cuts the canvas object and cuts canvas object to obtain, wherein the displaying picture for cutting canvas object, consistent with the part that the background layer is overlapped in the webpage with the foreground layer;By the object picture for cutting canvas object and being converted into hypertext markup language html;And the object picture is navigated between the foreground layer and the background layer in the webpage.The disclosure additionally provides a kind of picture processing system and a kind of computer-readable medium.

Description

The method and apparatus of picture processing
Technical field
This disclosure relates to field of computer technology, at the method and a kind of picture more particularly, to a kind of processing of picture The device of reason.
Background technique
Current APP application market competition is extremely severe.For APP, the factor of its competitiveness is influenced in addition to function Can, run etc., webpage design also takes up critical role.Many times, it often to be used in the webpage of APP and draw part Face Fuzzy processing is as background, so that obtaining entire Webpage has more three-dimensional sense, to give top priority to what is the most important.For example, when in webpage Have powerful connections layer and foreground layer when, the picture of general foreground layer is usually the text etc. with certain transparency, may be wished at this time The region blur for the background layer for hoping foreground layer be covered is shown, to highlight the text of foreground layer.
During realizing present inventive concept, at least there are the following problems in the prior art for inventor's discovery: some Under operating environment, such as in Android system, when Gaussian Blur Filter is set to the background layer of webpage, blur effect wash with watercolours can be made It contaminates at least one complete picture on web page background layer, and this complete picture often and does not correspond to and prospect The part that layer is overlapped.
Summary of the invention
In view of this, present disclose provides the figures that one kind can be handled the regional area of the background layer in webpage The method and apparatus of piece processing.
An aspect of this disclosure provides a kind of method of picture processing, comprising: generates the exhibition with background layer in webpage Show the consistent canvas object of picture, wherein further including foreground layer in the webpage, the foreground layer is shown in the webpage On the background layer;It cuts the canvas object and cuts canvas object to obtain, wherein described cut canvas pairs The displaying picture of elephant, it is consistent with the part that the background layer is overlapped in the webpage with the foreground layer;It is cut described Canvas object is converted into the object picture of hypertext markup language html;And the object picture is navigated into the net Between the foreground layer and the background layer in page.
In accordance with an embodiment of the present disclosure, Gaussian Blur Filter is arranged to the object picture.
In accordance with an embodiment of the present disclosure, the method is applied to Android system.
In accordance with an embodiment of the present disclosure, cut the canvas object with obtain cut canvas object before also wrap It includes: obtaining outer profile of the foreground layer in the webpage, and obtain the outer profile in the webpage with the foreground layer In any position to a little less associated anchor point.
In accordance with an embodiment of the present disclosure, obtain in the webpage with any at least one in the outer profile of the foreground layer The position of the associated anchor point of point includes: the first distance obtained at the top of the top to the webpage of the foreground layer, is obtained Take the left end of the foreground layer to the second distance of the webpage left end, according to the first distance and the second distance Determine the position of the anchor point.
In accordance with an embodiment of the present disclosure, cutting the canvas object, to cut canvas object include: according to institute to obtain The position for stating anchor point obtains any at least one point associated with the anchor point in the outer profile of the foreground layer The position of one point;Since the position of any one point, to the canvas object according to the foreign steamer of the foreground layer Exterior feature is cut, to cut canvas object described in acquisition.
It in accordance with an embodiment of the present disclosure, include being cut described in acquisition by the canvas object conversion object picture that cuts The corresponding base64 coding of canvas object, generates the object picture according to base64 coding.
Another aspect of the disclosure provides a kind of device of picture processing, including canvas object generation module, sanction Cut module, image generating module and picture locating module.Canvas object generation module is used to generate and background layer in webpage The consistent canvas object of picture is shown, wherein further including foreground layer in the webpage, the foreground layer is opened up in the webpage Show on the background layer.It cuts module and cuts canvas object for cutting the canvas object to obtain, wherein The displaying picture for cutting canvas object, the part being overlapped in the webpage with the foreground layer with the background layer Unanimously.Image generating module is used for the object picture for cutting canvas object and being converted into hypertext markup language html. Picture locating module is for navigating to the object picture between the foreground layer and the background layer in the webpage.
In accordance with an embodiment of the present disclosure, described device further includes Gaussian Blur setup module, for the object picture Gaussian Blur Filter is set.
In accordance with an embodiment of the present disclosure, described device is applied to Android system.
In accordance with an embodiment of the present disclosure, described device further includes that foreground layer outer profile obtains module and anchor point acquisition mould Block.Foreground layer outer profile obtain module be used for cut the canvas object with obtain cut canvas object before obtain Outer profile of the foreground layer in the webpage.Anchor point obtains module and is used to obtain in the webpage and the foreground layer Outer profile in any position to a little less associated anchor point.
In accordance with an embodiment of the present disclosure, it includes that first distance determines submodule, second that the anchor point, which obtains module and obtains, Distance determines that submodule and anchor point determine submodule.First distance determine submodule for obtain the foreground layer most Hold the first distance at the top of the webpage.Second distance determines submodule for obtaining the left end of the foreground layer to institute State the second distance of webpage left end.Anchor point determines submodule for being determined according to the first distance and the second distance The position of the anchor point.
In accordance with an embodiment of the present disclosure, the module that cuts includes that relating dot obtains submodule and cuts submodule.Its In, relating dot obtains submodule and is used for according to the position of the anchor point, obtain in the outer profile of the foreground layer with it is described fixed The position of any one point at least one associated point of site.Cut submodule for from it is described any one put position Beginning is set, the canvas object is cut according to the outer profile of the foreground layer, to cut canvas described in acquisition Object.
In accordance with an embodiment of the present disclosure, image generating module includes that coding acquisition submodule and picture generate submodule.It compiles Code acquisition submodule is encoded for obtaining the corresponding base64 of canvas object that cuts.Picture generates submodule and is used for root The object picture is generated according to base64 coding.
Another aspect of the present disclosure provides a kind of picture processing system, including one or more processors, and storage Device, for storing one or more programs.Wherein, when one or more of programs are by one or more of processors When execution, so that the method that one or more of processors realize picture processing as described above.
Another aspect of the present disclosure provides a kind of computer-readable medium, is stored thereon with executable instruction, the instruction Processor is set to realize that picture as described above handles to obtain method when being executed by processor.
In accordance with an embodiment of the present disclosure, it can at least be partially solved under some operating environments, such as Android system In, webpage is carried out to be processed so that the part display effect being overlapped in background layer with foreground layer is different from other areas of background layer The problem of domain.By this method, the part picture to be differently shown in the background layer by the webpage is realized to a certain extent Separation from entire web page background layer, and therefore can realize to a certain extent to part picture shown in webpage The effect handled, and then improve the handlability to web page background layer picture.
Detailed description of the invention
By referring to the drawings to the description of the embodiment of the present disclosure, the above-mentioned and other purposes of the disclosure, feature and Advantage will be apparent from, in the accompanying drawings:
Fig. 1 diagrammatically illustrates the example of the method and apparatus that can be handled using picture according to the embodiment of the present disclosure Property system architecture 100;
Fig. 2 diagrammatically illustrates the flow chart of the method handled according to the picture of the embodiment of the present disclosure;
Fig. 3 diagrammatically illustrates the flow chart of the method handled according to the picture of another embodiment of the disclosure;
Fig. 4 diagrammatically illustrates the flow chart of the method handled according to the picture of another embodiment of the disclosure;
Fig. 5 diagrammatically illustrates the flow chart that anchor point is obtained in the method handled according to the picture of the embodiment of the present disclosure;
Fig. 6, which is diagrammatically illustrated, cuts the canvas object according in the method that the picture of the embodiment of the present disclosure is handled Flow chart;
Fig. 7, which is diagrammatically illustrated, generates the object picture according in the method that the picture of the embodiment of the present disclosure is handled Flow chart;
Fig. 8 A~Fig. 8 D diagrammatically illustrates the realization scene figure of the method handled according to the picture of the embodiment of the present disclosure;
Fig. 9 diagrammatically illustrates the block diagram of the device handled according to the picture of the embodiment of the present disclosure;And
Figure 10 diagrammatically illustrates the block diagram of the computer system handled according to the picture of the embodiment of the present disclosure.
Specific embodiment
Hereinafter, will be described with reference to the accompanying drawings embodiment of the disclosure.However, it should be understood that these descriptions are only exemplary , and it is not intended to limit the scope of the present disclosure.In addition, in the following description, descriptions of well-known structures and technologies are omitted, To avoid the concept for unnecessarily obscuring the disclosure.
Term as used herein is not intended to limit the disclosure just for the sake of description specific embodiment.In addition, This terms "include", "comprise" etc. used shows the presence of the feature, step, operation and/or component, but not Exclude the presence of or add other one or more features, step, operation or component.
There are all terms (including technical and scientific term) as used herein those skilled in the art to be generally understood Meaning, unless otherwise defined.It should be noted that term used herein should be interpreted that with consistent with the context of this specification Meaning, without that should be explained with idealization or excessively mechanical mode.
It, in general should be according to using " at least one in A, B and C etc. " such statement is similar to Those skilled in the art are generally understood the meaning of the statement to make an explanation (for example, " what it is at least one in A, B and C is System " should include but is not limited to individually with A, individually with B, individually with C, with A and B, with A and C, with B and C, And/or system with A, B, C etc.).Using statement as " at least one in A, B or C etc. " is similar to, In general the meaning of the statement should be generally understood according to those skilled in the art come make an explanation (for example, " have A, B or The system of at least one in C " should include but is not limited to individually with A, individually with B, individually with C, have A and B, have A and C, with B and C, and/or the system with A, B, C etc.).It should also be understood by those skilled in the art that substantially any indicate The adversative conjunction and/or phrase of two or more optional projects, either in specification, claims or attached drawing, A possibility that shall be construed as giving including one of these projects, either one or two projects of these projects.For example, short Language " A or B " is understood to include a possibility that " A " or " B " or " A and B ".
Present disclose provides a kind of method and apparatus of picture processing.This method comprises: generating and background layer in webpage It shows the consistent canvas object of picture, further includes wherein foreground layer in the webpage, which shows in the web page at this On background layer, the canvas object is cut to obtain and cuts canvas object, wherein the displaying picture for cutting canvas object Face, it is consistent with the part that the background layer is overlapped with the foreground layer in the web page, this is cut into canvas object and is converted into surpassing The object picture of text mark up language html, and the object picture is navigated into the foreground layer in the webpage and the background Between layer.
In accordance with an embodiment of the present disclosure, the picture that the entire background layer of webpage is shown is converted into canvas object, then benefit Function is cut with canvas painting canvas, cuts out the part that the canvas object is overlapped in the page with the foreground layer, then The object picture for cutting canvas object and being converted to hypertext markup language html that will be cut, can finally pass through layer Stacking style table navigates to the object picture between the foreground layer and the background layer in the webpage.By this method, certain journey The part picture to be differently shown in the background layer by the webpage is realized on degree from point in entire web page background layer From, and then improve the handlability to web page background layer picture.
Fig. 1 diagrammatically illustrates the example of the method and apparatus that can be handled using picture according to the embodiment of the present disclosure Property system architecture 100.
As shown in Figure 1, system architecture 100 may include terminal device 101,102,103, network according to this embodiment 104 and server 105.Network 104 between terminal device 101,102,103 and server 105 to provide communication link Medium.Network 104 may include various connection types, such as wired, wireless communication link or fiber optic cables etc..
User can be used terminal device 101,102,103 and be interacted by network 104 with server 105, to receive or send out Send message etc..Various telecommunication customer end applications, such as the application of shopping class, net can be installed on terminal device 101,102,103 (merely illustrative) such as the application of page browsing device, searching class application, instant messaging tools, mailbox client, social platform softwares.
Terminal device 101,102,103 can be the various electronic equipments with display screen and supported web page browsing, packet Include but be not limited to smart phone, tablet computer, pocket computer on knee and desktop computer etc..
Server 105 can be to provide the server of various services, for example, to user using terminal device 101,102, 103 websites browsed provide the back-stage management server (merely illustrative) supported.Back-stage management server can be to receiving The data such as user's request analyze etc. processing, and by processing result (such as according to user's request or the net of generation Page, information or data etc.) feed back to terminal device.
It should be noted that the method for the processing of picture provided by the embodiment of the present disclosure can generally be held by server 105 Row.Correspondingly, the device of the processing of picture provided by the embodiment of the present disclosure generally can be set in server 105.The disclosure The method of the processing of picture provided by embodiment can also by be different from server 105 and can with terminal device 101,102, 103 and/or server 105 communicate server or server cluster execute.Correspondingly, figure provided by the embodiment of the present disclosure Piece processing device also can be set in be different from server 105 and can with terminal device 101,102,103 and/or service In the server or server cluster that device 105 communicates.Alternatively, the method for the processing of picture provided by the embodiment of the present disclosure can also With by terminal device 101,102 or 103 execute, or can also by be different from terminal device 101,102 or 103 other Terminal device executes.Correspondingly, the device of the processing of picture provided by the embodiment of the present disclosure also can be set in terminal device 101, it in 102 or 103, or is set in other terminal devices different from terminal device 101,102 or 103.
It should be understood that the number of terminal device, network and server in Fig. 1 is only schematical.According to realization need It wants, can have any number of terminal device, network and server.
Fig. 2 diagrammatically illustrates the flow chart of the method handled according to the picture of the embodiment of the present disclosure.
As shown in Fig. 2, this method includes operation S210~operation S240.
In operation S210, the consistent canvas object of displaying picture with background layer in webpage is generated, wherein in the webpage It further include foreground layer, which shows in the web page on the background layer.
Specifically, which can be text, is also possible to the interfaces such as the page, pattern, dialog box, choice box.Before this Background layer can be the arbitrary shapes such as rectangle, circle, round rectangle, can also can be configured according to the actual needs of webpage, The disclosure is not specifically limited in this embodiment.
It should be noted that the foreground layer can have 0-100% transparency.Transparency is higher, is overlapped with the foreground layer Background layer part show picture it is more clear, can be specifically configured according to the actual needs of webpage, the disclosure pair This is not specifically limited.
The consistent canvas object of displaying picture with background layer in webpage is generated, specifically can be in the following manner It realizes.
Firstly, creation includes the scalable vector graphics SVG of the DOM Document Object Model DOM structure of the background layer of the webpage Object.The background layer DOM Document Object Model DOM structure data of the webpage are stored by the SVG object.
Then, a local URL object is constructed using the SVG object.
Then, which is converted to the image object in javascript by local URL object.
Later, local URL object can be discharged, to save memory headroom.
Next, the image object in the javascript is completely drawn to canvas painting canvas using canvas painting canvas In, to generate the consistent canvas object of displaying picture with background layer in webpage.
In operation S220, the canvas object is cut to obtain and cuts canvas object, wherein this cuts canvas object Displaying picture, it is consistent with the part that the background layer is overlapped with the foreground layer in the web page.
In operation S230, this is cut into the object picture that canvas object is converted into hypertext markup language html.
In operation S240, which is navigated between the foreground layer and the background layer in the webpage.
Specifically, which will be navigated in the webpage on the background layer and before the background layer and this In the part that background layer is overlapped namely the foreground layer is placed exactly on the object picture.To when the foreground layer has centainly Transparency when, user through the foreground layer transparent region see be exactly the object picture picture.
In accordance with an embodiment of the present disclosure, the displaying picture of the object picture cuts that canvas object is consistent, this cuts with this The displaying picture of canvas object is consistent with the part that the background layer is overlapped with the foreground layer in the web page.Therefore, should The displaying picture of object picture is consistent with the part that the background layer is overlapped with the foreground layer in the web page.Therefore, when this Picture is to as after being positioned between foreground layer and the background layer in the webpage, which can be with the background layer Picture is seamless to permeate entirety.In this case, if do not carry out any processing to the object picture, to user The displaying picture (when not including foreground layer) and the displaying picture of the background layer of the individual webpage for saying current webpage are not appointed What is distinguished.
In accordance with an embodiment of the present disclosure, the object picture the foreground layer that navigates in the webpage and the background layer it Between after, any desired setting processing can be carried out to the object picture, it be made to show various display effects, such as plus water Print, sharpening, passivation, and/or setting Gaussian Blur Filter etc..
Since the object picture can be mutually indepedent with the background layer, thus any effect carried out to the object picture After processing, which can't be affected.Since the object picture is located in the background layer of the webpage and foreground layer On the part of coincidence, thus, the whole display effect of the webpage has been carried out being handled differently one just as the part of the background layer Sample.
In accordance with an embodiment of the present disclosure, the object picture the foreground layer that navigates in the webpage and the background layer it Between after, which can not also be handled.For example, in some cases can not be to the object picture Reason, and such as watermarking, sharpening, passivation and Gaussian Blur Filter and other effects are carried out to the background layer and handled.
This can be applied to the case where some pictures for needing to highlight the object picture.Such as have when in the background layer There is personage's head portrait, and it is desirable that when highlighting personage's head portrait, so that it may correspond to the foreground layer with certain transparency The region of the character image of the background layer, and can be in method according to an embodiment of the present disclosure by operation S210~operation S240 obtains the object picture including personage's head portrait, then carries out blurring or dark desalt processing to the background layer, To can be obtained by the webpage display effect of prominent personage's head portrait.
In accordance with an embodiment of the present disclosure, the picture that the entire background layer of webpage is shown is converted into canvas object, then benefit Function is cut with canvas painting canvas, cuts out the part that the canvas object is overlapped in the page with the foreground layer, then The object picture for cutting canvas object and being converted to hypertext markup language html that will be cut, can finally pass through layer Stacking style table navigates to the object picture between the foreground layer and the background layer in the webpage.By this method, certain journey The part picture to be differently shown in the background layer by the webpage is realized on degree from point in entire web page background layer From, and then improve the handlability to web page background layer picture.
Fig. 3 diagrammatically illustrates the flow chart of the method handled according to the picture of another embodiment of the disclosure.
As shown in figure 3, in accordance with an embodiment of the present disclosure the picture processing method except operation S210~operation S240 it It outside, further include operation S350.Wherein, operation S350 is executed after operating S240.
In operation S350, Gaussian Blur Filter is arranged to the object picture.
Specifically, after the object picture is navigated between the foreground layer and the background layer in the webpage, to the picture Gaussian Blur Filter is arranged in object.In this way, having in the webpage being presented to the user and the only portion that is overlapped with foreground layer of background layer Point blurring display, thus, when foreground layer is the text element etc. with certain transparency, can highlight in foreground layer Text element etc..
In accordance with an embodiment of the present disclosure, the method for picture processing can be applied to Android system.
Fig. 4 diagrammatically illustrates the flow chart of the method handled according to the picture of another embodiment of the disclosure.
As shown in figure 4, in accordance with an embodiment of the present disclosure the picture processing method except operation S210~operation S240 it It outside, further include operation S420 and operation S430.Wherein, operation S420 and operation S430 are executed before operating S220.
In operation S420, the outer profile of the foreground layer in the web page is obtained.
In operation S430, obtain in the webpage with it is any to a little less associated fixed in the outer profile of the foreground layer The position in site.
Specifically, the position of anchor point associated with any point on the outer profile of the foreground layer in the webpage is obtained It sets, can be any point in the outer profile for obtaining the foreground layer and be also possible to obtain in the foreground layer as the anchor point The heart is as the anchor point, or is also possible to obtain any one associated with other than the outer profile of the foreground layer in the webpage Point as anchor point.The disclosure is not specifically limited in this embodiment.
In accordance with an embodiment of the present disclosure, which can be determined by the feature of the anchor point and the outer profile of the foreground layer The coordinate position that at least one in the outer profile of foreground layer is put in page.Then according on the outer profile of the foreground layer at least one The coordinate position of point and the outer profile of the foreground layer, can determine and be overlapped in the background layer with the foreground layer in the webpage Part.
Fig. 5 diagrammatically illustrates the flow chart that anchor point is obtained in the method handled according to the picture of the embodiment of the present disclosure.
As shown in figure 5, in accordance with an embodiment of the present disclosure, operation S430 obtains the outer profile in the webpage with the foreground layer On any position to a little less associated anchor point, specifically include operation S431~operation S433.
The first distance at the top of the top to the webpage in operation S431, for obtaining the foreground layer.
In operation S432, for obtaining the left end of the foreground layer to the second distance of the webpage left end.
In operation 433, for determining the position of the anchor point according to the first distance and the second distance.
In accordance with an embodiment of the present disclosure, for example, when the foreground layer is rectangle, in the anchor point that operation S433 is determined Position is the upper left corner of rectangle, and the anchor point can be overlapped with the outer profile of the foreground layer at this time.
In another example being cutting for the circle the top in the anchor point that operation S433 is determined when the foreground layer is round Line and the intersection point of left end tangent line etc., at this point, the position of the anchor point is not on the outer profile of the foreground layer.In such case Under, using the anchor point as starting point, move right (or moving down) circular half path length along the anchor point relative to the webpage The point on the outer profile of the circular foreground layer can be reached after the distance of degree, i.e., when the anchor point is not in the foreground layer When on outer profile, passes through the anchor point and combine the outer profile feature of the foreground layer can be really in the webpage in foreground layer profile The coordinate position of at least one point.
Fig. 6, which is diagrammatically illustrated, cuts the canvas object according in the method that the picture of the embodiment of the present disclosure is handled Flow chart.
As shown in fig. 6, in accordance with an embodiment of the present disclosure, operation S220 cuts the canvas in the method for picture processing Object cuts canvas object to obtain this, can specifically include operation S221 and operation S222.
It is obtained associated with the anchor point in the outer profile of the foreground layer in operation S221 according to the position of the anchor point At least one point in any one point position.
In operation S222, the position that any one is put since this, to the canvas object according to the foreign steamer of the foreground layer Exterior feature is cut, and cuts canvas object to obtain this.
Specifically, the path cut in operation S222 can be configured according to the shape difference of the foreground layer.
For example, the anchor point is located at the upper left corner of the matrix when the foreground layer is rectangle, then cutting path can be from The upper left corner of the matrix starts, and is cut along clockwise/counterclockwise.Path is cut to be also possible to from the upper left corner of the matrix Start, according to top, the left side, the right and following sequence, successively cuts out the part being overlapped with the foreground layer rectangle.
For another example the anchor point is located at the upper left of the corresponding matrix of fillet matrix when the foreground layer is round rectangle Angle can first cut out corresponding rectangle when cutting, then cut out corresponding circular arc on four angles.
According to practical operation situation, the path cut may be set to be other paths, and the disclosure does not do specific limit to this It is fixed.
Fig. 7, which is diagrammatically illustrated, generates the object picture according in the method that the picture of the embodiment of the present disclosure is handled Flow chart.
As shown in fig. 7, in accordance with an embodiment of the present disclosure, operating and being converted into surpassing by the canvas object that cuts in S230 The object picture of text mark up language html can specifically include operation S231 and operation S232.
In operation S231, obtains this and cut the corresponding base64 coding of canvas object.
In operation S232, is encoded according to the base64 and generate the object picture.The object picture is hypertext markup language The object picture of html can be used as the object of the img label of the html in the webpage.It is thus possible to lead in operation S240 The modes such as cascading style sheets are crossed to navigate to the object picture between the foreground layer and the background layer in the webpage.
Below with reference to Fig. 8 A~Fig. 8 D, Fig. 2~method shown in Fig. 7 is done in conjunction with specific embodiments further exemplary Explanation.
Fig. 8 A~Fig. 8 D diagrammatically illustrates the realization scene figure of the method handled according to the picture of the embodiment of the present disclosure.
A Webpage is shown in fig. 8 a.It include background layer 800 and foreground layer 810 in the webpage.Background layer 800 pictures shown include upward arrow a, arrow b and arrow c.The foreground layer 810 is a rectangle, contains the word of " W " Symbol, and the foreground layer 810 is shown in the web page on the background layer 800, and the foreground layer has centainly transparent Degree.
The canvas object of generation is shown in the fig. 8b and cuts signal (in figure to what the canvas object carried out Dotted portion, chain-dotted line part and x1, x2, x3 and x4).The canvas object (does not include dotted portion, chain-dotted line portion Point and x1, x2, x3 and x4) it is consistent with the displaying picture of background layer 800 in webpage shown in Fig. 8 A.
In addition, the dotted line in Fig. 8 B shows first distance and the matrix at the top of the top to the webpage of the matrix Second distance of the left end to the webpage left part, and the intersection point of first distance and the second distance, even two dotted lines Intersection point x1 is as the anchor point.
The overlapping positions of the background layer 800 Yu 810 outer profile of foreground layer also are shown with chain-dotted line in Fig. 8 B, wherein Four angles are denoted as x2, x3 and x4.
It is shown in Fig. 8 C and cuts that the canvas object is obtained to cut canvas object, wherein this cuts The displaying picture of canvas object, it is consistent with the part that the background layer is overlapped with the foreground layer 810 in the web page.As showing Example, cutting route can be x1 --- x2, x1 --- x3, x2 --- x4, x3 --- x4.
This cuts the corresponding base64 coding of canvas object shown in acquisition Fig. 8 C, is then encoded according to the base64 Generate the object picture.
Shown in Fig. 8 D by object picture navigate to the foreground layer 810 in the webpage and the background layer 800 it Between, and Gaussian Blur Filter is arranged to the object picture.To the part being only overlapped with the foreground layer 810 in the webpage It is shown as fuzzy effect, in this way, it is possible to the character " W " in prominent foreground layer 810.
In accordance with an embodiment of the present disclosure, being realized to a certain extent in the background layer by the webpage to a certain degree will carry out The part picture distinctly displayed improves and locates to web page background layer picture from the separation in entire web page background layer Rationality.
Fig. 9 diagrammatically illustrates the block diagram of the device handled according to the picture of the embodiment of the present disclosure.
As shown in figure 9, the device 900 of picture processing includes canvas object generation module 910, module 920 is cut, With image generating module 930, picture locating module 940.Picture processing unit 900 can be used for execute above with reference to figure Fig. 2~ The various operations of the picture processing of Fig. 8 D description.
Canvas object generation module 910, for generating consistent canvas pairs of displaying picture with background layer in webpage As further including wherein foreground layer in the webpage, which shows in the web page on the background layer.
Module 920 is cut, cuts canvas object for cutting the canvas object to obtain, wherein this cuts The displaying picture of canvas object, it is consistent with the part that the background layer is overlapped with the foreground layer in the web page.
Image generating module 930, for this to be cut the picture that canvas object is converted into hypertext markup language html Object.
Picture locating module 940, for the object picture is navigated to the foreground layer in the webpage and the background layer it Between.
In accordance with an embodiment of the present disclosure, the picture that the device 900 of picture processing can show the entire background layer of webpage Face is converted into canvas object, and recycle canvas painting canvas cuts function, cut out the canvas object in the page with The part that the foreground layer is overlapped, is then converted to hypertext markup language html's for the canvas object that cuts cut The object picture can finally be navigated to the foreground layer and the background in the webpage by object picture by cascading style sheets Between layer.By this method, realize to a certain extent the part picture to be differently shown in the background layer by the webpage from Separation in entire web page background layer, and then improve the handlability to web page background layer picture.
In accordance with an embodiment of the present disclosure, the device 900 of picture processing further includes Gaussian Blur setup module 950, is used In to object picture setting Gaussian Blur Filter.
The device 900 of picture processing can be in the foreground layer and the back navigated to the object picture in the webpage After between background layer, Gaussian Blur Filter is arranged to the object picture.In this way, having in the webpage being presented to the user and only carrying on the back The display of obscure portionsization that background layer is overlapped with foreground layer, thus, when foreground layer is the text element etc. with certain transparency, The text element etc. in foreground layer can be highlighted.
In accordance with an embodiment of the present disclosure, the device 900 of picture processing is applied to Android system.
In accordance with an embodiment of the present disclosure, the device 900 of picture processing is cutting the canvas object to be cut It further include that foreground layer outer profile obtains module 960 and anchor point acquisition module 970 before canvas object.
Foreground layer outer profile obtain module 960 be used for cut the canvas object with obtain cut canvas object it It is preceding to obtain the outer profile of the foreground layer in the web page.
Anchor point obtain module 970 be used to obtain in the webpage with it is any to a little less in the outer profile of the foreground layer The position of associated anchor point.
In accordance with an embodiment of the present disclosure, the anchor point obtain module 970 obtain include first distance determine submodule 971, Second distance determines that submodule 972 and anchor point determine submodule 973.
First distance determines the first distance at the top of the top to the webpage of submodule 971 for obtaining the foreground layer.
Second distance determines submodule 972 for obtaining the left end of the foreground layer to the second distance of the webpage left end.
Anchor point determines submodule 973 for determining the position of the anchor point according to the first distance and the second distance.
In accordance with an embodiment of the present disclosure, the device 900 of picture processing passes through the outer profile of the anchor point and the foreground layer Feature can determine in the webpage coordinate position that at least one in the outer profile of foreground layer is put.Then according to the foreground layer Outer profile at least one point coordinate position and the foreground layer in outer profile, so that it may determine the background in the webpage The part being overlapped in layer with the foreground layer.
In accordance with an embodiment of the present disclosure, it includes that relating dot obtains submodule 921 that this, which cuts module 920,.
Relating dot obtains submodule 921 for the position according to the anchor point, obtains in the outer profile of the foreground layer and is somebody's turn to do The position of any one point at least one associated point of anchor point.The position that any one is put since this, to this Canvas object is cut according to the outer profile of the foreground layer, cuts canvas object to obtain this.
In accordance with an embodiment of the present disclosure, image generating module 930 includes that coding acquisition submodule 931 and picture generate son Module 932.
Coding acquisition submodule 931 cuts the corresponding base64 coding of canvas object for obtaining this.
Picture generates submodule 932 and is used to encode the generation object picture according to the base64.The object picture is super text The object picture of this markup language html can be used as the object of the img label of the html in the webpage.It is thus possible to pass through The modes such as cascading style sheets navigate to the object picture between the foreground layer and the background layer in the webpage.
It is understood that canvas object generation module 910, cuts module 920 and image generating module 930, figure Piece locating module 940, Gaussian Blur setup module 950, foreground layer outer profile obtain module 960 and anchor point obtains module 970 may be incorporated in a module and realize or any one module therein can be split into multiple modules.Alternatively, At least partly function of one or more modules in these modules can be combined at least partly function of other modules, And it is realized in a module.According to an embodiment of the invention, canvas object generation module 910, cuts module 920, and figure Piece generation module 930, picture locating module 940, Gaussian Blur setup module 950, foreground layer outer profile obtain module 960 with And at least one of anchor point acquisition module 970 can at least be implemented partly as hardware circuit, such as scene can compile Journey gate array (FPGA), programmable logic array (PLA), system on chip, the system on substrate, the system in encapsulation, dedicated collection At circuit (ASIC), or can be to carry out hardware or the firmwares such as any other rational method that is integrated or encapsulating to circuit It realizes, or is realized with software, the appropriately combined of hardware and firmware three kinds of implementations.Alternatively, canvas object generates Module 910, cuts module 920 and image generating module 930, picture locating module 940, Gaussian Blur setup module 950, preceding Background layer outer profile obtains module 960 and anchor point obtains at least one of module 970 and can at least be implemented partly as Computer program module can execute the function of corresponding module when the program is run by computer.
Figure 10 diagrammatically illustrates the block diagram of the computer system handled according to the picture of the embodiment of the present disclosure.Figure 10 The computer system shown is only an example, should not function to the embodiment of the present disclosure and use scope bring any limit System.
It as shown in Figure 10, include processor 1001 according to the computer system of the embodiment of the present disclosure 1000, it can basis The program that is stored in read-only memory (ROM) 1002 is loaded into random access storage device (RAM) from storage section 1008 Program in 1003 and execute various movements appropriate and processing.Processor 1001 for example may include general purpose microprocessor (example Such as CPU), instruction set processor and/or related chip group and/or special microprocessor be (for example, specific integrated circuit (ASIC)), etc..Processor 1001 can also include the onboard storage device for caching purposes.Processor 1001 may include For executing the single treatment list for referring to the different movements of the method flow according to the embodiment of the present disclosure of Fig. 2~Fig. 8 D description First or multiple processing units.
In RAM 1003, it is stored with system 1000 and operates required various programs and data.Processor 1001, ROM 1002 and RAM 1003 is connected with each other by bus 1004.Processor 1001 is by executing ROM 1002 and/or RAM 1003 In program come execute above with reference to Fig. 2~Fig. 8 D describe according to the picture of the embodiment of the present disclosure handle method it is various Operation.It is noted that described program also can store in one or more memories in addition to ROM 1002 and RAM 1003 In.Processor 1001 can also be executed by executing the program that is stored in one or more of memories above with reference to The various operations of figure Fig. 2~Fig. 8 D description handled according to the picture of the embodiment of the present disclosure.
In accordance with an embodiment of the present disclosure, system 1000 can also include input/output (I/O) interface 1005, input/defeated (I/O) interface 1005 is also connected to bus 1004 out.System 1000 can also include be connected to I/O interface 1005 with lower part It is one or more in part: the importation 1006 including keyboard, mouse etc.;Including such as cathode-ray tube (CRT), liquid crystal The output par, c 1007 of display (LCD) etc. and loudspeaker etc.;Storage section 1008 including hard disk etc.;And including all The communications portion 1009 of such as network interface card of LAN card, modem.Communications portion 1009 is via such as internet Network executes communication process.Driver 1010 is also connected to I/O interface 1005 as needed.Detachable media 1011, such as Disk, CD, magneto-optic disk, semiconductor memory etc. are mounted on as needed on driver 1010, in order to read from thereon Computer program out is mounted into storage section 1008 as needed.
In accordance with an embodiment of the present disclosure, it may be implemented as computer software journey above with reference to the method for flow chart description Sequence.For example, embodiment of the disclosure includes a kind of computer program product comprising carry on a computer-readable medium Computer program, the computer program include the program code for method shown in execution flow chart.In such embodiment In, which can be downloaded and installed from network by communications portion 1009, and/or from detachable media 1011 are mounted.The computer program by processor 1001 execute when, execute limited in the system of the embodiment of the present disclosure it is upper State function.In accordance with an embodiment of the present disclosure, system as described above, unit, module, unit etc. can pass through computer Program module is realized.
It should be noted that computer-readable medium shown in the disclosure can be computer-readable signal media or Computer readable storage medium either the two any combination.Computer readable storage medium for example can be --- But be not limited to --- electricity, magnetic, optical, electromagnetic, infrared ray or semiconductor system, device or device, or any above group It closes.The more specific example of computer readable storage medium can include but is not limited to: have the electricity of one or more conducting wires Connection, portable computer diskette, hard disk, random access storage device (RAM), read-only memory (ROM), erasable type are programmable Read-only memory (EPROM or flash memory), optical fiber, portable compact disc read-only memory (CD-ROM), light storage device, magnetic Memory device or above-mentioned any appropriate combination.In the disclosure, computer readable storage medium can be any packet Contain or store the tangible medium of program, which can be commanded execution system, device or device use or in connection It uses.And in the disclosure, computer-readable signal media may include propagating in a base band or as carrier wave a part Data-signal, wherein carrying computer-readable program code.The data-signal of this propagation can use a variety of shapes Formula, including but not limited to electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media is also It can be any computer-readable medium other than computer readable storage medium, which can send, pass It broadcasts or transmits for by the use of instruction execution system, device or device or program in connection.Computer The program code for including on readable medium can transmit with any suitable medium, including but not limited to: wireless, electric wire, light Cable, RF etc. or above-mentioned any appropriate combination.In accordance with an embodiment of the present disclosure, computer-readable medium may include One or more storages other than above-described ROM 1002 and/or RAM 1003 and/or ROM 1002 and RAM 1003 Device.
Flow chart and block diagram in attached drawing are illustrated according to the system of the various embodiments of the disclosure, method and computer journey The architecture, function and operation in the cards of sequence product.In this regard, each box in flowchart or block diagram can be with Represent a part of a module, program segment or code, a part of above-mentioned module, program segment or code include one or Multiple executable instructions for implementing the specified logical function.It should also be noted that in some implementations as replacements, side The function of being marked in frame can also occur in a different order than that indicated in the drawings.For example, two sides succeedingly indicated Frame can actually be basically executed in parallel, they can also be executed in the opposite order sometimes, this according to related function and It is fixed.It is also noted that the combination of each box in block diagram or flow chart and the box in block diagram or flow chart, it can To be realized with the dedicated hardware based system for executing defined functions or operations, or specialized hardware and meter can be used The combination of calculation machine instruction is realized.
As on the other hand, the disclosure additionally provides a kind of computer-readable medium, which can be Included in equipment described in above-described embodiment;It is also possible to individualism, and without in the supplying equipment.Above-mentioned meter Calculation machine readable medium carries one or more program, when said one or multiple programs are executed by the equipment, So that the equipment executes the method handled according to the picture of the embodiment of the present disclosure.This method comprises: generating and background in webpage The consistent canvas object of displaying picture of layer, wherein further including foreground layer in the webpage, the foreground layer is in the webpage Middle displaying is on the background layer;It cuts the canvas object and cuts canvas object to obtain, wherein described cut The displaying picture of canvas object, it is consistent with the part that the background layer is overlapped in the webpage with the foreground layer;By institute It states and cuts the object picture that canvas object is converted into hypertext markup language html;And the object picture is navigated to Between the foreground layer and the background layer in the webpage.
In accordance with an embodiment of the present disclosure, Gaussian Blur Filter is arranged to the object picture.
In accordance with an embodiment of the present disclosure, the method is applied to Android system.
In accordance with an embodiment of the present disclosure, cut the canvas object with obtain cut canvas object before also wrap It includes: obtaining outer profile of the foreground layer in the webpage, and obtain the outer profile in the webpage with the foreground layer In any position to a little less associated anchor point.
In accordance with an embodiment of the present disclosure, obtain in the webpage with any at least one in the outer profile of the foreground layer The position of the associated anchor point of point includes: the first distance obtained at the top of the top to the webpage of the foreground layer, is obtained Take the left end of the foreground layer to the second distance of the webpage left end, according to the first distance and the second distance Determine the position of the anchor point.
In accordance with an embodiment of the present disclosure, cutting the canvas object, to cut canvas object include: according to institute to obtain The position for stating anchor point obtains any at least one point associated with the anchor point in the outer profile of the foreground layer The position of one point;Since the position of any one point, to the canvas object according to the foreign steamer of the foreground layer Exterior feature is cut, to cut canvas object described in acquisition.
It in accordance with an embodiment of the present disclosure, include being cut described in acquisition by the canvas object conversion object picture that cuts The corresponding base64 coding of canvas object, generates the object picture according to base64 coding.
Embodiment of the disclosure is described above.But the purpose that these embodiments are merely to illustrate that, And it is not intended to limit the scope of the present disclosure.Although respectively describing each embodiment above, but it is not intended that each Measure in embodiment cannot be advantageously combined use.The scope of the present disclosure is defined by the appended claims and the equivalents thereof.No It is detached from the scope of the present disclosure, those skilled in the art can make a variety of alternatives and modifications, these alternatives and modifications should all be fallen Within the scope of the present disclosure.

Claims (16)

1. a kind of method of picture processing, comprising:
The consistent canvas object of displaying picture with background layer in webpage is generated, wherein further include foreground layer in the webpage, The foreground layer is shown on the background layer in the webpage;
It cuts the canvas object and cuts canvas object to obtain, wherein the displaying picture for cutting canvas object, It is consistent with the part that the background layer is overlapped in the webpage with the foreground layer;
By the object picture for cutting canvas object and being converted into hypertext markup language html;And
The object picture is navigated between the foreground layer and the background layer in the webpage.
2. according to the method described in claim 1, further include:
Gaussian Blur Filter is arranged to the object picture.
3. method according to claim 1 or 2, in which:
The method is applied to Android system.
4. according to the method described in claim 1, before cutting the canvas object to obtain and cut canvas object, also Include:
Outer profile of the foreground layer in the webpage is obtained, and
Obtain in the webpage with any position to a little less associated anchor point in the outer profile of the foreground layer.
5. according to the method described in claim 4, wherein, obtain in the webpage with it is any in the outer profile of the foreground layer To the position of a little less associated anchor point, comprising:
Obtain the first distance at the top of the top to the webpage of the foreground layer;
The left end of the foreground layer is obtained to the second distance of the webpage left end;
The position of the anchor point is determined according to the first distance and the second distance.
6. according to the method described in claim 4, wherein, cutting the canvas object to obtain and cutting canvas object packet It includes:
According to the position of the anchor point, obtain in the outer profile of the foreground layer it is associated with the anchor point at least one The position that any one in point is put;
Since the position of any one point, the canvas object is cut out according to the outer profile of the foreground layer It cuts, to cut canvas object described in acquisition.
7. according to the method described in claim 1, wherein, cutting canvas object conversion object picture for described, comprising:
The corresponding base64 coding of canvas object is cut described in acquisition;
The object picture is generated according to base64 coding.
8. a kind of device of picture processing, comprising:
Canvas object generation module, for generating the consistent canvas object of displaying picture with background layer in webpage, wherein It further include foreground layer in the webpage, the foreground layer is shown on the background layer in the webpage;
Module is cut, cuts canvas object for cutting the canvas object to obtain, wherein described cut canvas pairs The displaying picture of elephant, it is consistent with the part that the background layer is overlapped in the webpage with the foreground layer;
Image generating module, for by the object picture for cutting canvas object and being converted into hypertext markup language html; And
Picture locating module, the foreground layer and the background layer for navigating to the object picture in the webpage it Between.
9. device according to claim 8, wherein further include:
Gaussian Blur setup module, for Gaussian Blur Filter to be arranged to the object picture.
10. device according to claim 8 or claim 9, in which:
Described device is applied to Android system.
11. device according to claim 8, further includes:
Foreground layer outer profile obtain module, for cut the canvas object with obtain cut canvas object before obtain Outer profile of the foreground layer in the webpage;And
Anchor point obtains module, any extremely a little less related in the outer profile of the foreground layer in the webpage for obtaining The position of the anchor point of connection.
12. device according to claim 11, wherein the anchor point obtains module acquisition and includes:
First distance determines submodule, the first distance at the top of the top to the webpage for obtaining the foreground layer;
Second distance determines submodule, for obtaining the left end of the foreground layer to the second distance of the webpage left end;
Anchor point determines submodule, for determining the position of the anchor point according to the first distance and the second distance.
13. device according to claim 11, wherein the module that cuts includes:
Relating dot obtain submodule, for the position according to the anchor point, obtain in the outer profile of the foreground layer with it is described The position of any one point at least one associated point of anchor point;
Cut submodule, for since it is described any one put position, to the canvas object according to the foreground layer Outer profile cut, with obtain described in cut canvas object.
14. device according to claim 8, wherein image generating module includes:
Acquisition submodule is encoded, is encoded for obtaining the corresponding base64 of canvas object that cuts;
Picture generates submodule, for generating the object picture according to base64 coding.
15. a kind of picture processing system, comprising:
One or more processors;
Storage device, for storing one or more programs,
Wherein, when one or more of programs are executed by one or more of processors, so that one or more of Processor realizes method described in any one according to claim 1~7.
16. a kind of computer-readable medium, is stored thereon with executable instruction, which makes processor real when being executed by processor Now method described in any one according to claim 1~7.
CN201710839358.7A 2017-09-15 2017-09-15 The method and apparatus of picture processing Pending CN110069727A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710839358.7A CN110069727A (en) 2017-09-15 2017-09-15 The method and apparatus of picture processing

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710839358.7A CN110069727A (en) 2017-09-15 2017-09-15 The method and apparatus of picture processing

Publications (1)

Publication Number Publication Date
CN110069727A true CN110069727A (en) 2019-07-30

Family

ID=67364413

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710839358.7A Pending CN110069727A (en) 2017-09-15 2017-09-15 The method and apparatus of picture processing

Country Status (1)

Country Link
CN (1) CN110069727A (en)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102609414A (en) * 2011-01-20 2012-07-25 中兴通讯股份有限公司 Picture hot zone highlighting display method, device and system based on browser
CN103136521A (en) * 2011-11-25 2013-06-05 方正国际软件有限公司 Method and system for displaying area attributes of image
CN104574256A (en) * 2013-10-23 2015-04-29 腾讯科技(深圳)有限公司 Method and device for locally selecting and processing image
CN105528802A (en) * 2014-10-23 2016-04-27 优视科技有限公司 Picture processing method and device
US9582600B1 (en) * 2014-09-23 2017-02-28 Amazon Technologies, Inc. Cloud browser DOM-based client
CN107092684A (en) * 2017-04-21 2017-08-25 腾讯科技(深圳)有限公司 Image processing method and device, storage medium

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102609414A (en) * 2011-01-20 2012-07-25 中兴通讯股份有限公司 Picture hot zone highlighting display method, device and system based on browser
CN103136521A (en) * 2011-11-25 2013-06-05 方正国际软件有限公司 Method and system for displaying area attributes of image
CN104574256A (en) * 2013-10-23 2015-04-29 腾讯科技(深圳)有限公司 Method and device for locally selecting and processing image
US9582600B1 (en) * 2014-09-23 2017-02-28 Amazon Technologies, Inc. Cloud browser DOM-based client
CN105528802A (en) * 2014-10-23 2016-04-27 优视科技有限公司 Picture processing method and device
CN107092684A (en) * 2017-04-21 2017-08-25 腾讯科技(深圳)有限公司 Image processing method and device, storage medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
在雨巷等: "CSS怎么才能把一张图片局部模糊呢?", 《HTTPS://SEGMENTFAULT.COM/Q/1010000010367291》 *

Similar Documents

Publication Publication Date Title
CN109857388A (en) Code generating method, device, server and computer-readable medium
CN111143725A (en) Page generation method and device and electronic equipment
CN112100550A (en) Page construction method and device
CN107844371A (en) Task processing method, system and electronic equipment
EP3792867A1 (en) Method and device for loading image
CN113031946B (en) Method and device for rendering page component
CN107656911A (en) Form processing method and its system
CN110020376A (en) Data linkage method and system
CN106503111A (en) Webpage code-transferring method, device and client terminal
CN109345439A (en) Picture guard method, device, medium and electronic equipment
US20120072828A1 (en) Complex input to image transformation for distribution
CN104156421B (en) The page shows method, apparatus and system
CN109582317A (en) Method and apparatus for debugging boarding application
CN107515947A (en) picture loading method and its system
CN110020349A (en) The method and device of page rendering
CN109272526A (en) Image processing method, system and electronic equipment
CN109993749A (en) The method and apparatus for extracting target image
CN106649299A (en) Method and device for lazy loading of webpage block
CN110941401A (en) Printing method and device
CN109597956A (en) Page display method and device
CN110069727A (en) The method and apparatus of picture processing
CN113282852A (en) Method and device for editing webpage
CN112256254A (en) Method and device for generating layout code
US20220326901A1 (en) Data display
JP2012099097A (en) Application of path-fill algorithm in laying out text at periphery of object

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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20190730