CN110069727A - The method and apparatus of picture processing - Google Patents
The method and apparatus of picture processing Download PDFInfo
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising 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
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.
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)
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 |
-
2017
- 2017-09-15 CN CN201710839358.7A patent/CN110069727A/en active Pending
Patent Citations (6)
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)
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 |