CN110309459A - Web-based image processing method, device, equipment and storage medium - Google Patents
Web-based image processing method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN110309459A CN110309459A CN201910495686.9A CN201910495686A CN110309459A CN 110309459 A CN110309459 A CN 110309459A CN 201910495686 A CN201910495686 A CN 201910495686A CN 110309459 A CN110309459 A CN 110309459A
- Authority
- CN
- China
- Prior art keywords
- processing
- image
- parameter
- frame
- original image
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
The present invention provides a kind of web-based image processing method, device, equipment and storage medium, carries out the parameter information of image procossing, including processing type, processing region and target processing parameter to the original image in webpage by obtaining；Original image is handled according to parameter information, obtains multi-frame processing procedural image, the corresponding process processing parameter of multi-frame processing procedural image is successively progressive to target processing parameter by the original processing parameter of original image；Multi-frame processing procedural image is successively shown by the progressive original image region to the sequence of target processing parameter in webpage of original processing parameter of original image according to process processing parameter, form continuous animation effect, the display effect of image processing process can be observed, intuitively in order to subsequent adjustment target processing parameter；It is also convenient for user's more rapidly display effect of the preview image in webpage, reduces the cumbersome process that need to upload webpage when adjusting to processing parameter repeatedly, improves image processing efficiency, improves user experience.
Description
Technical field
The present invention relates to field of communication technology more particularly to a kind of web-based image processing method, device, equipment and
Storage medium.
Background technique
With the development of computer technology, more and more users' selection transmits information by image in webpage, and
And the content carried in image also more and more abundant multiplicity.
Existing webpage (web front end) can only simply present picture material, the function not being processed to image
Energy, such as mosaic, Gaussian Blur, sharpening, gray scale, embossment etc., user can only upload after rear end carries out image procossing
Into webpage, the image that processing obtains is shown on webpage.
The prior art to image procossing there are certain time delay, user can not quickly after navigation process image in webpage
Effect, when user needs to adjust Image Processing parameter, need rear end carry out image procossing after upload in webpage again,
It is not easy to adjustment of the user to image, process is cumbersome, and image processing efficiency is low.
Summary of the invention
The present invention provides a kind of web-based image processing method, device, equipment and storage medium, so that user is in net
The display effect of the image when processing parameter constantly changes in image processing process can be observed in page, intuitively in order to subsequent tune
Whole target processing parameter, while improving image processing efficiency.
The first aspect of the present invention is to provide a kind of web-based image processing method, comprising:
The parameter information that image procossing is carried out to the original image in webpage is obtained, the parameter information includes processing class
Type, processing region and target processing parameter；
The original image is handled according to the parameter information, obtains multi-frame processing procedural image, the multiframe
The corresponding process processing parameter for the treatment of process image by the original image the original processing parameter successively target
Processing parameter；
According to the process processing parameter by the original processing parameter target processing ginseng of the original image
Several sequences, the original image region in the webpage successively show the multi-frame processing procedural image, form continuous animation
Effect.
The second aspect of the present invention is to provide a kind of web-based image processing apparatus, comprising:
Module is obtained, for obtaining the parameter information for carrying out image procossing to the original image in webpage, the parameter letter
Breath includes processing type, processing region and target processing parameter；
Processing module obtains multi-frame processing process for handling according to the parameter information the original image
Image, the corresponding process processing parameter of the multi-frame processing procedural image are successively passed by the original processing parameter of the original image
Proceed to the target processing parameter；
Display module, for progressive to institute by the original processing parameter of the original image according to the process processing parameter
The sequence for stating target processing parameter, the original image region in the webpage successively show the multi-frame processing procedural image,
Form continuous animation effect.
The third aspect of the present invention is to provide a kind of web-based image processing equipment, comprising:
Memory；
Processor；And
Computer program；
Wherein, the computer program stores in the memory, and is configured as being executed by the processor with reality
Now method as described in relation to the first aspect.
The fourth aspect of the present invention is to provide a kind of computer readable storage medium, is stored thereon with computer program；
Method as described in relation to the first aspect is realized when the computer program is executed by processor.
Web-based image processing method, device, equipment and storage medium provided by the invention, by obtaining to webpage
In original image carry out the parameter information of image procossing, the parameter information includes processing type, processing region and target
Processing parameter；The original image is handled according to the parameter information, obtains multi-frame processing procedural image, the multiframe
The corresponding process processing parameter for the treatment of process image by the original image the original processing parameter successively target
Processing parameter；According to the process processing parameter by the original processing parameter target processing ginseng of the original image
Several sequences, the original image region in the webpage successively show the multi-frame processing procedural image, form continuous animation
Effect, user can intuitively observe the display effect of the image when processing parameter constantly changes in image processing process, so as to
In the subsequent adjustment target processing parameter of user；Furthermore image procossing is carried out in webpage to avoid first in rear end progress image procossing
The image that processing obtains is uploaded into caused processing delay in webpage again, convenient for the faster preview of user to image in webpage
In display effect, reduce the cumbersome process for needing to upload webpage when adjusting the processing parameter of image repeatedly, improve at image
Efficiency is managed, user experience is improved.
Detailed description of the invention
In order to more clearly explain the embodiment of the invention or the technical proposal in the existing technology, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this
Some embodiments of invention without any creative labor, may be used also for those of ordinary skill in the art
To obtain other drawings based on these drawings.
Fig. 1 is web-based image processing method flow chart provided in an embodiment of the present invention；
Fig. 2 be another embodiment of the present invention provides web-based image processing method flow chart；
Fig. 3 be another embodiment of the present invention provides web-based image processing method flow chart；
Fig. 4 is the structure chart of web-based image processing apparatus provided in an embodiment of the present invention；
Fig. 5 is the structure chart of web-based image processing equipment provided in an embodiment of the present invention.
Specific embodiment
Following will be combined with the drawings in the embodiments of the present invention, and technical solution in the embodiment of the present invention carries out clear, complete
Site preparation description, it is clear that described embodiments are only a part of the embodiments of the present invention, instead of all the embodiments.It is based on
Embodiment in the present invention, it is obtained by those of ordinary skill in the art without making creative efforts every other
Embodiment shall fall within the protection scope of the present invention.
Fig. 1 is web-based image processing method flow chart provided in an embodiment of the present invention.Present embodiments provide one
The web-based image processing method of kind, specific step is as follows for this method:
S101, the parameter information that image procossing is carried out to the original image in webpage is obtained, the parameter information includes place
Manage type, processing region and target processing parameter.
In the present embodiment, arbitrary image treatment process in the prior art namely parameter information can be carried out in webpage
In include processing type may include but be not limited to mosaic, Gaussian Blur, sharpening, gray scale, embossment etc., need to illustrate
It is that the processing type being related in an image processing process in the present embodiment can be one or more, such as carry out simultaneously
It sharpens and gray scale adjusts, be only illustrated in the present embodiment with mosaic processing citing.User can upload original first in webpage
Then beginning image carries out the parameter information of image procossing in setting to the original image.It is being got at image in the present embodiment
The parameter information of reason can pass to follow-up processing flow with tentation data exchanging form, and wherein tentation data exchange format can be
JSON (JavaScript Object Notation, JS object numbered musical notation) data mode.
It is further, described to obtain the parameter information that image procossing is carried out to the original image in webpage, comprising:
It receives processing type of user to instruct the setting of the parameter information of image procossing, the setting instruction includes processing class
At least one of type setting instruction, processing region setting instruction and the setting instruction of target processing parameter；It is instructed according to the setting
Obtain the parameter information of described image processing.
In the present embodiment, user can sets itself parameter information according to demand, such as processing type, processing region and
Any one of target processing parameter can be set by user, such as user can input processing type, processing region and mesh
Any one of processing parameter is marked, the alternate item that above-mentioned parameter information can also be provided in webpage is selected by user, such as is handled
Type can be selected by user, or be inputted by user；For another example processing region can be drawn a circle to approve or the seat in input processing region by user
Range is marked, in some embodiments, if it is the complete of original image that user, which does not have input processing region that can also be defaulted as processing region,
Portion region；For another example target processing parameter (such as objective fuzzy degree of mosaic) can be inputted by user, or provide slider bar
For user by dragging come selection target process parameter values.Certain any of the above-described parameter information can also pass through other preset strategies
Automatically get parms information.
As a kind of alternative embodiment, as shown in Fig. 2, described obtain carries out image procossing to the original image in webpage
Parameter information may also include that
S1011, the characteristics of image for obtaining the original image；
S1012, the processing region is obtained according to the characteristics of image of the original image.
A kind of process that processing region obtains automatically is provided in the present embodiment, namely obtains the figure of original image first
As feature, can identify picture material according to characteristics of image, processing region is determined according to preset strategy, for example, for mosaic at
Reason, when being determined in image according to characteristics of image including face, it is determined that processing region is human face region；For another example when according to image
When feature determines in image including license plate number, it is determined that processing region is license plate area.Type is handled certainly for other, can be set
Fixed corresponding preset strategy, no longer repeats one by one herein.In addition, can be using skills such as machine learning, deep learnings in the present embodiment
Art carries out the automatic acquisition of above-mentioned processing region.
S102, the original image is handled according to the parameter information, obtains multi-frame processing procedural image, it is described
The corresponding process processing parameter of multi-frame processing procedural image is successively progressive to described by the original processing parameter of the original image
Target processing parameter.
In the present embodiment, multi-frame processing procedural image can be obtained, when performing image processing for showing from original graph
Process as changing to target image, wherein the corresponding processing parameter of original image is original processing parameter, and target image is corresponding
Processing parameter be the original of target processing parameter namely the corresponding process processing parameter of multi-frame processing procedural image by original image
The beginning processing parameter successively target processing parameter, such as the fog-level of mosaic is indicated with 0%-100%,
Original processing parameter is the fog-level of the mosaic of original image, and target processing parameter is the fuzzy of the mosaic of target image
The objective fuzzy degree of mosaic required for degree namely user can then be obtained when target processing parameter is set as 30%
Three frames (or more frame) treatment process image, the corresponding fog-level of three frames treatment process image are process processing parameter, can
It is followed successively by 10%, 20%, 30%, namely progressive to target processing parameter 30% from the original processing parameter 0% of original image.It needs
It is noted that the image that the original processing parameter, process processing parameter and target processing parameter in the present embodiment are directed to
Same processing parameter, and numerical values recited by original processing parameter, process processing parameter, target processing parameter it is successively progressive (according to
It is secondary to become larger or successively become smaller).
Further, it as shown in figure 3, described handled the original image according to the parameter information, obtains more
Frame treatment process image, comprising:
S1021, the corresponding process processing parameter of each frame in the multi-frame processing procedural image is obtained；
S1022, according to the processing type, the processing region and each process processing parameter to described original
Image carries out image procossing, obtains the corresponding treatment process image of each process processing parameter.
In the present embodiment, it when obtaining the multi-frame processing procedural image, is obtained at the corresponding process of each frame first
Parameter is managed, such as can be according in the acquisition of information, such as the example above such as default frame number, preset step-length, objective fuzzy degree is set
It is 30%, if default frame number is three frames, the corresponding fog-level (process processing parameter) of each frame is 10%, 20%, 30%,
If default frame number is six frames, the corresponding fog-level (process processing parameter) of each frame is 5%, 10%, 15% ...,
30%, naturally it is also possible to which unequal interval value is determined as the corresponding process processing parameter of each frame.Getting multiple places
After managing parameter, then image procossing is carried out to original image respectively according to processing type, processing region and those processing parameters, from
And obtain the multi-frame processing procedural image.
More specifically, can be believed in graphics processor according to the parameter by web page graphics bank interface in the present embodiment
Breath handles the original image, obtains the multi-frame processing procedural image；And it is obtained treatment process image is real-time
The webpage is returned to, the multi-frame processing procedural image is shown successively with the original image region in the webpage.
In the present embodiment, it can be realized by invoking web page shape library (Web Graphics Library, WebGL) interface
Image processing process executes on graphics processor (Graphics Processing Unit, GPU), and wherein WebGL is webpage
The graph and image processing library at end, by the way that JavaScript and OpenGL ES2.0 is bound together, calling system video card is provided
Hardware 3D accelerates rendering, while greatly improving the data-handling capacity of page end.Specifically, can will be original by WebGL
The parameter information of image and image procossing passes to GPU, and the preset algorithm on Web is called (to use the piece member tinter of GPU
Fragment shader is realized) image procossing is carried out, each frame treatment process image is obtained, and return to webpage and successively shown
Show.The present embodiment is improved by GPU parallel processing and calculates power, and procedural image can be quickly handled at return, and reduction successively shows multiframe
The frame losing being easy to appear when treatment process image.Certain image processing process can also be in central processing unit (Central
Processing Unit, CPU) on execute, then can never call WebGL interface, but processing speed is relatively slow.
S103, according to the process processing parameter by the original processing parameter target of the original image
The sequence of parameter is managed, the original image region in the webpage successively shows the multi-frame processing procedural image, is formed continuous
Animation effect.
In the present embodiment, after getting the multi-frame processing procedural image, can in webpage original image-region according to
The secondary display multi-frame processing procedural image, wherein order is successively passed according to processing parameter by the original processing parameter of original image
Target processing parameter is proceeded to, to form continuous animation effect, such as is gradually become by the fog-level of mosaic by original image
Change the continuous animation effect to 30%, user can intuitively observe in image processing process the figure when processing parameter constantly changes
The display effect of picture, in order to the subsequent adjustment target processing parameter of user.It should be noted that above-mentioned multi-frame processing procedure chart
As can also be obtained according to above-mentioned order, it is every obtain a treatment process image can real-time perfoming show.
Further, the original image region in the webpage successively shows the multi-frame processing procedural image,
Include:
Refresh the original image region in the webpage with predeterminated frequency, every time refresh after the original image region according to
A frame treatment process image in the secondary display multi-frame processing procedural image.
In the present embodiment, can the requestAnimationFrame (request animation frame) at invoking web page (Web) end connect
Mouthful, original image region is refreshed with predeterminated frequency (such as 60fps), one frame treatment process image of every primary display of refreshing is shown
Show successively shown according to above-mentioned order, to be formed by the continuous dynamic of the dynamic change of original image to final target image
Draw effect.
Web-based image processing method provided in this embodiment carries out figure to the original image in webpage by obtaining
As the parameter information of processing, the parameter information includes processing type, processing region and target processing parameter；According to the ginseng
Number information handles the original image, obtains multi-frame processing procedural image, and the multi-frame processing procedural image is corresponding
Process processing parameter by the original image the original processing parameter successively target processing parameter；According to the mistake
Journey processing parameter by the original image the original processing parameter target processing parameter sequence, in the webpage
In original image region successively show the multi-frame processing procedural image, form continuous animation effect, user can intuitively see
The display effect of the image when processing parameter constantly changes in image processing process is observed, at the subsequent adjustment target of user
Manage parameter；Furthermore image procossing is carried out in webpage to avoid first on the image that rear end carries out that image procossing again obtains processing
Caused processing delay in webpage is passed to, the display effect convenient for the faster preview of user to image in webpage, reduction pair
The cumbersome process for needing to upload webpage when the processing parameter adjustment of image repeatedly, improves image processing efficiency, improves user experience.
Based on any of the above embodiments, each frame pair in the acquisition multi-frame processing procedural image described in S1021
The process processing parameter answered, specifically can include:
It is corresponding that each frame in the multi-frame processing procedural image is obtained according to the target processing parameter and predetermined frame number
Process processing parameter；Or
The multi-frame processing procedural image is obtained according to the target processing parameter, the predeterminated frequency and refresh duration
In the corresponding process processing parameter of each frame；Or
It is corresponding that each frame in the multi-frame processing procedural image is obtained according to the target processing parameter and preset step-length
Process processing parameter.
In the present embodiment, it due to needing to refresh the original image region in webpage with predeterminated frequency, is shown after refreshing every time
Show a frame treatment process image, therefore the corresponding process processing parameter of each frame can be set according to refresh process, such as basis
Target processing parameter and the setting of predetermined frame number, such as in the example above, objective fuzzy degree (the target processing of mosaic processing
Parameter) it is set as 30%, if default frame number is three frames, the corresponding fog-level (process processing parameter) of each frame is 10%,
20%, 30%；The corresponding process processing parameter of each frame can also be according to target processing parameter, predeterminated frequency and when refreshing
It is long, such as the objective fuzzy degree of mosaic processing is set as 30%, if predeterminated frequency is 3fps, refresh time 1s, then together
It is three frames that sample, which can get frame number, and the corresponding fog-level of each frame is same as above；Furthermore the corresponding process processing parameter of each frame is also
It can be set according to target processing parameter and preset step-length, such as the objective fuzzy degree of mosaic processing is set as 30%, if
Preset step-length is 10%, then the corresponding fog-level of each frame is similarly 10%, 20%, 30%.Consecutive frame in above-mentioned each citing
It is equal interval value between corresponding process processing parameter, naturally it is also possible to not equal interval value, such as can more connect
Close-target processing parameter value interval is smaller, such as 10%, 20%, 25%, 30%, certainly can also according to predetermined curve relationship come
Value is carried out, is no longer repeated one by one herein.
Based on any of the above embodiments, the method also includes:
Corresponding process processing parameter mark is added on each frame in the multi-frame processing procedural image；Or
During original image region in the webpage successively shows the multi-frame processing procedural image, in the net
The corresponding process processing parameter of predeterminated position real-time display present frame of page.
In the present embodiment, for the ease of the subsequent adjustment target processing parameter of user, therefore can be in the original graph in webpage
When successively showing multi-frame processing procedural image as region, real-time display goes out the corresponding process processing ginseng of every frame treatment process image
Number, specifically can be used and just adds corresponding process processing parameter mark on every frame treatment process image during image processing
Know, wherein processing parameter mark can be the specific value of processing parameter, can also add a progress bar, wherein progress bar can
The slider bar that uses is corresponding when setting target processing parameter with user, such as when user slides into slider bar middle position,
The objective fuzzy degree of mosaic is set as 50%, then adds a corresponding progress bar on every frame treatment process image,
Displaying target fog-level 50% is located at the middle position of the progress bar, and the process processing parameter of every frame treatment process image is located at
Between 0 to 50% in progress bar, then when successively showing multi-frame processing procedural image, progress bar can be observed successively from 0 change in user
Change at 50% position, consequently facilitating determining the position of slider bar when the subsequent adjustment objective fuzzy degree of user.In addition, this implementation
Corresponding process processing parameter mark can also not added in example on each frame during image processing, and it is more successively showing
In the corresponding process processing parameter of pre-position real-time display present frame of webpage in frame treatment process image process, equally
It can be shown by way of above-mentioned progress bar, details are not described herein again.Certainly for the corresponding process of every frame treatment process image
The real-time display of processing parameter can be not limited to the example above, other achievable modes no longer repeat one by one herein.
Fig. 4 is the structure chart of web-based image processing apparatus provided in an embodiment of the present invention.It is provided in this embodiment
Web-based image processing apparatus can execute the process flow that web-based image processing method embodiment provides, and such as scheme
Shown in 4, the web-based image processing apparatus includes obtaining module 41, processing module 42 and display module 43.
Module 41 is obtained, for obtaining the parameter information for carrying out image procossing to the original image in webpage, the parameter
Information includes processing type, processing region and target processing parameter；
Processing module 42 obtains multi-frame processing mistake for handling according to the parameter information the original image
Journey image, the corresponding process processing parameter of the multi-frame processing procedural image by the original image original processing parameter successively
The target processing parameter；
Display module 43, for progressive extremely by the original processing parameter of the original image according to the process processing parameter
The sequence of the target processing parameter, the original image region in the webpage successively show the multi-frame processing procedure chart
Picture forms continuous animation effect.
Based on any of the above embodiments, the processing module 42 is used for:
Obtain the corresponding process processing parameter of each frame in the multi-frame processing procedural image；
According to the processing type, the processing region and each process processing parameter to the original image into
Row image procossing obtains the corresponding treatment process image of each process processing parameter.
Based on any of the above embodiments, the display module 43 is used for:
Refresh the original image region in the webpage with predeterminated frequency, every time refresh after the original image region according to
A frame in the secondary display multi-frame processing procedural image.
Based on any of the above embodiments, the processing module 42 is used for:
It is corresponding that each frame in the multi-frame processing procedural image is obtained according to the target processing parameter and predetermined frame number
Process processing parameter；Or
The multi-frame processing procedural image is obtained according to the target processing parameter, the predeterminated frequency and refresh duration
In the corresponding process processing parameter of each frame；Or
It is corresponding that each frame in the multi-frame processing procedural image is obtained according to the target processing parameter and preset step-length
Process processing parameter.
Based on any of the above embodiments, the processing module 42 is also used to, in the multi-frame processing procedural image
In corresponding process processing parameter mark is added on each frame；Or
The display module 43 is also used to, and the original image region in the webpage successively shows the multi-frame processing mistake
In journey image process, in the corresponding process processing parameter of predeterminated position real-time display present frame of the webpage.
Based on any of the above embodiments, the processing module 42 is used for:
By web page graphics bank interface, in graphics processor according to the parameter information to the original image at
Reason, obtains the multi-frame processing procedural image；
Obtained treatment process image is returned into the webpage in real time, with the original image region in the webpage according to
The secondary display multi-frame processing procedural image.
Based on any of the above embodiments, the acquisition module 41 is used for:
It receives processing type of user to instruct the setting of the parameter information of image procossing, the setting instruction includes processing class
At least one of type setting instruction, processing region setting instruction and the setting instruction of target processing parameter；
The parameter information of described image processing is obtained according to the setting instruction.
Based on any of the above embodiments, the acquisition module 41 is used for:
Obtain the characteristics of image of the original image；
The processing region is obtained according to the characteristics of image of the original image.
Based on any of the above embodiments, the processing type includes mosaic, Gaussian Blur, Edge contrast, ash
At least one of degree processing, relief sculpture treatment.
Web-based image processing apparatus provided in an embodiment of the present invention can be specifically used for the above-mentioned Fig. 1 of execution and be provided
Embodiment of the method, details are not described herein again for concrete function.
The web-based image processing apparatus of the embodiment of the present invention carries out image to the original image in webpage by obtaining
The parameter information of processing, the parameter information include processing type, processing region and target processing parameter；According to the parameter
Information handles the original image, obtains multi-frame processing procedural image, the corresponding mistake of the multi-frame processing procedural image
Journey processing parameter by the original image the original processing parameter successively target processing parameter；According to the process
Processing parameter by the original image the original processing parameter target processing parameter sequence, in the webpage
Original image region successively show the multi-frame processing procedural image, form continuous animation effect, user can intuitively observe
Into image processing process when processing parameter constantly changes image display effect, in order to user's subsequent adjustment target processing
Parameter；Furthermore image procossing is carried out in webpage avoids the image upload that first progress image procossing again obtains processing in rear end
The caused processing delay into webpage, the display effect convenient for the faster preview of user to image in webpage are reduced to figure
The cumbersome process for needing to upload webpage when the processing parameter adjustment of picture repeatedly, improves image processing efficiency, improves user experience.
Fig. 5 is the structural schematic diagram of web-based image processing equipment provided in an embodiment of the present invention.The present invention is implemented
The web-based image processing equipment that example provides can execute the processing that web-based image processing method embodiment provides
Process, as shown in figure 5, web-based image processing equipment 50 includes memory 51, processor 52, computer program and communication
Interface 53；Wherein, computer program is stored in memory 51, and is configured as being executed described in above embodiments as processor 52
Web-based image processing method.
The web-based image processing equipment of embodiment illustrated in fig. 5 can be used for executing the technical side of above method embodiment
Case, it is similar that the realization principle and technical effect are similar, and details are not described herein again.
In addition, the present embodiment also provides a kind of computer readable storage medium, it is stored thereon with computer program, the meter
Calculation machine program is executed by processor to realize web-based image processing method described in above-described embodiment.
In several embodiments provided by the present invention, it should be understood that disclosed device and method can pass through it
Its mode is realized.For example, the apparatus embodiments described above are merely exemplary, for example, the division of the unit, only
Only a kind of logical function partition, there may be another division manner in actual implementation, such as multiple units or components can be tied
Another system is closed or is desirably integrated into, or some features can be ignored or not executed.Another point, it is shown or discussed
Mutual coupling, direct-coupling or communication connection can be through some interfaces, the INDIRECT COUPLING or logical of device or unit
Letter connection can be electrical property, mechanical or other forms.
The unit as illustrated by the separation member may or may not be physically separated, aobvious as unit
The component shown may or may not be physical unit, it can and it is in one place, or may be distributed over multiple
In network unit.It can select some or all of unit therein according to the actual needs to realize the mesh of this embodiment scheme
's.
It, can also be in addition, the functional units in various embodiments of the present invention may be integrated into one processing unit
It is that each unit physically exists alone, can also be integrated in one unit with two or more units.Above-mentioned integrated list
Member both can take the form of hardware realization, can also realize in the form of hardware adds SFU software functional unit.
The above-mentioned integrated unit being realized in the form of SFU software functional unit can store and computer-readable deposit at one
In storage media.Above-mentioned SFU software functional unit is stored in a storage medium, including some instructions are used so that a computer
It is each that equipment (can be personal computer, server or the network equipment etc.) or processor (processor) execute the present invention
The part steps of embodiment the method.And storage medium above-mentioned includes: USB flash disk, mobile hard disk, read-only memory (Read-
Only Memory, ROM), random access memory (Random Access Memory, RAM), magnetic or disk etc. it is various
It can store the medium of program code.
Those skilled in the art can be understood that, for convenience and simplicity of description, only with above-mentioned each functional module
Division progress for example, in practical application, can according to need and above-mentioned function distribution is complete by different functional modules
At the internal structure of device being divided into different functional modules, to complete all or part of the functions described above.On
The specific work process for stating the device of description, can refer to corresponding processes in the foregoing method embodiment, and details are not described herein.
Finally, it should be noted that the above embodiments are only used to illustrate the technical solution of the present invention., rather than its limitations；To the greatest extent
Pipe present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that: its according to
So be possible to modify the technical solutions described in the foregoing embodiments, or to some or all of the technical features into
Row equivalent replacement；And these are modified or replaceed, various embodiments of the present invention technology that it does not separate the essence of the corresponding technical solution
The range of scheme.
Claims (20)
1. a kind of web-based image processing method characterized by comprising
The parameter information that image procossing is carried out to the original image in webpage is obtained, the parameter information includes processing type, place
Manage region and target processing parameter；
The original image is handled according to the parameter information, obtains multi-frame processing procedural image, the multi-frame processing
By the original processing parameter of the original image, successively the target is handled the corresponding process processing parameter of procedural image
Parameter；
According to the process processing parameter by the original processing parameter target processing parameter of the original image
Sequentially, the original image region in the webpage successively shows the multi-frame processing procedural image, forms continuous animation effect.
2. the method according to claim 1, wherein it is described according to the parameter information to the original image into
Row processing, obtains multi-frame processing procedural image, comprising:
Obtain the corresponding process processing parameter of each frame in the multi-frame processing procedural image；
Figure is carried out to the original image according to the processing type, the processing region and each process processing parameter
As processing, the corresponding treatment process image of each process processing parameter is obtained.
3. according to the method described in claim 2, it is characterized in that, the original image region in the webpage is successively shown
Show the multi-frame processing procedural image, comprising:
Refresh the original image region in the webpage with predeterminated frequency, is successively shown after refreshing every time in the original image region
Show the frame treatment process image in the multi-frame processing procedural image.
4. according to the method described in claim 3, it is characterized in that, described obtain each frame in the multi-frame processing procedural image
Corresponding process processing parameter, comprising:
According to the corresponding mistake of frame each in the target processing parameter and the predetermined frame number acquisition multi-frame processing procedural image
Journey processing parameter；Or
It is obtained according to the target processing parameter, the predeterminated frequency and refresh duration every in the multi-frame processing procedural image
The corresponding process processing parameter of one frame；Or
According to the corresponding mistake of frame each in the target processing parameter and the preset step-length acquisition multi-frame processing procedural image
Journey processing parameter.
5. according to the method described in claim 3, it is characterized by further comprising:
Corresponding process processing parameter mark is added on each frame in the multi-frame processing procedural image；Or
During original image region in the webpage successively shows the multi-frame processing procedural image, in the webpage
The corresponding process processing parameter of predeterminated position real-time display present frame.
6. according to the method described in claim 3, it is characterized in that, it is described according to the parameter information to the original image into
Row processing, obtains multi-frame processing procedural image, comprising:
By web page graphics bank interface, the original image is handled according to the parameter information in graphics processor,
Obtain the multi-frame processing procedural image；
Obtained treatment process image is returned into the webpage in real time, is successively shown with the original image region in the webpage
Show the multi-frame processing procedural image.
7. method according to claim 1-6, which is characterized in that it is described obtain to the original image in webpage into
The parameter information of row image procossing, comprising:
It receives processing type of user to instruct the setting of the parameter information of image procossing, the setting instruction includes that processing type is set
At least one of fixed instruction, processing region setting instruction and the setting instruction of target processing parameter；
The parameter information of described image processing is obtained according to the setting instruction.
8. the method according to the description of claim 7 is characterized in that described obtain carries out at image the original image in webpage
The parameter information of reason, further includes:
Obtain the characteristics of image of the original image；
The processing region is obtained according to the characteristics of image of the original image.
9. the method according to claim 1, wherein the processing type includes mosaic, Gaussian Blur, sharpening
At least one of processing, gray proces, relief sculpture treatment.
10. a kind of web-based image processing apparatus characterized by comprising
Module is obtained, for obtaining the parameter information for carrying out image procossing to the original image in webpage, the parameter information packet
Include processing type, processing region and target processing parameter；
Processing module, for being handled according to the parameter information the original image, acquisition multi-frame processing procedural image,
The corresponding process processing parameter of the multi-frame processing procedural image by the original image original processing parameter successively it is progressive extremely
The target processing parameter；
Display module, for the original processing parameter mesh according to the process processing parameter by the original image
The sequence of processing parameter is marked, the original image region in the webpage successively shows the multi-frame processing procedural image, is formed
Continuous animation effect.
11. device according to claim 10, which is characterized in that the processing module is used for:
Obtain the corresponding process processing parameter of each frame in the multi-frame processing procedural image；
Figure is carried out to the original image according to the processing type, the processing region and each process processing parameter
As processing, the corresponding treatment process image of each process processing parameter is obtained.
12. device according to claim 10, which is characterized in that the display module is used for:
Refresh the original image region in the webpage with predeterminated frequency, is successively shown after refreshing every time in the original image region
Show the frame in the multi-frame processing procedural image.
13. device according to claim 12, which is characterized in that the processing module is used for:
According to the corresponding mistake of frame each in the target processing parameter and the predetermined frame number acquisition multi-frame processing procedural image
Journey processing parameter；Or
It is obtained according to the target processing parameter, the predeterminated frequency and refresh duration every in the multi-frame processing procedural image
The corresponding process processing parameter of one frame；Or
According to the corresponding mistake of frame each in the target processing parameter and the preset step-length acquisition multi-frame processing procedural image
Journey processing parameter.
14. device according to claim 12, which is characterized in that
The processing module is also used to, and adds corresponding process processing parameter on each frame in the multi-frame processing procedural image
Mark；Or
The display module is also used to, and the original image region in the webpage successively shows the multi-frame processing procedural image
In the process, in the corresponding process processing parameter of predeterminated position real-time display present frame of the webpage.
15. device according to claim 12, which is characterized in that the processing module is used for:
By web page graphics bank interface, the original image is handled according to the parameter information in graphics processor,
Obtain the multi-frame processing procedural image；
Obtained treatment process image is returned into the webpage in real time, is successively shown with the original image region in the webpage
Show the multi-frame processing procedural image.
16. the described in any item devices of 0-15 according to claim 1, which is characterized in that the acquisition module is used for:
It receives processing type of user to instruct the setting of the parameter information of image procossing, the setting instruction includes that processing type is set
At least one of fixed instruction, processing region setting instruction and the setting instruction of target processing parameter；
The parameter information of described image processing is obtained according to the setting instruction.
17. device according to claim 16, which is characterized in that the acquisition module is used for:
Obtain the characteristics of image of the original image；
The processing region is obtained according to the characteristics of image of the original image.
18. device according to claim 10, which is characterized in that the processing type includes mosaic, Gaussian Blur, sharp
At least one of change processing, gray proces, relief sculpture treatment.
19. a kind of web-based image processing equipment characterized by comprising
Memory；
Processor；And
Computer program；
Wherein, the computer program stores in the memory, and is configured as being executed by the processor to realize such as
Method of any of claims 1-9.
20. a kind of computer readable storage medium, which is characterized in that be stored thereon with computer program；
The computer program realizes method as claimed in any one of claims 1-9 wherein when being executed by processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910495686.9A CN110309459A (en) | 2019-06-10 | 2019-06-10 | Web-based image processing method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910495686.9A CN110309459A (en) | 2019-06-10 | 2019-06-10 | Web-based image processing method, device, equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110309459A true CN110309459A (en) | 2019-10-08 |
Family
ID=68075923
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910495686.9A Pending CN110309459A (en) | 2019-06-10 | 2019-06-10 | Web-based image processing method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110309459A (en) |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101551914A (en) * | 2009-05-11 | 2009-10-07 | 深圳市茁壮网络股份有限公司 | Method for realizing two-dimensional pattern special effect and corresponding device, system |
| CN101588438A (en) * | 2009-06-10 | 2009-11-25 | 拓维信息***股份有限公司 | Mobile phone animation creation method for converting digitalized coloured picture into pictures of different styles |
| CN101706782A (en) * | 2009-11-16 | 2010-05-12 | 深圳市同洲电子股份有限公司 | Method and system for realizing special effect of web page |
| CN101706785A (en) * | 2009-11-19 | 2010-05-12 | 深圳市同洲电子股份有限公司 | Method for implementing special effect of web and browser |
| CN101901274A (en) * | 2010-08-11 | 2010-12-01 | 深圳市茁壮网络股份有限公司 | Method and device for achieving special effects of webpage |
| CN102866886A (en) * | 2012-09-04 | 2013-01-09 | 北京航空航天大学 | Web-based visual algorithm animation development system |
| CN104899287A (en) * | 2015-06-04 | 2015-09-09 | 百度在线网络技术（北京）有限公司 | Webpage display method and device |
| CN105872345A (en) * | 2015-01-20 | 2016-08-17 | 北京理工大学 | Full-frame electronic image stabilization method based on feature matching |
| CN107797783A (en) * | 2017-10-25 | 2018-03-13 | 广东欧珀移动通信有限公司 | Control method, control device and computer-readable recording medium |
| CN109189537A (en) * | 2018-08-31 | 2019-01-11 | 掌阅科技股份有限公司 | The dynamic display method of page info calculates equipment and computer storage medium |
| CN109359262A (en) * | 2018-10-11 | 2019-02-19 | 广州酷狗计算机科技有限公司 | Animation playing method, device, terminal and storage medium |
-
2019
- 2019-06-10 CN CN201910495686.9A patent/CN110309459A/en active Pending
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101551914A (en) * | 2009-05-11 | 2009-10-07 | 深圳市茁壮网络股份有限公司 | Method for realizing two-dimensional pattern special effect and corresponding device, system |
| CN101588438A (en) * | 2009-06-10 | 2009-11-25 | 拓维信息***股份有限公司 | Mobile phone animation creation method for converting digitalized coloured picture into pictures of different styles |
| CN101706782A (en) * | 2009-11-16 | 2010-05-12 | 深圳市同洲电子股份有限公司 | Method and system for realizing special effect of web page |
| CN101706785A (en) * | 2009-11-19 | 2010-05-12 | 深圳市同洲电子股份有限公司 | Method for implementing special effect of web and browser |
| CN101901274A (en) * | 2010-08-11 | 2010-12-01 | 深圳市茁壮网络股份有限公司 | Method and device for achieving special effects of webpage |
| CN102866886A (en) * | 2012-09-04 | 2013-01-09 | 北京航空航天大学 | Web-based visual algorithm animation development system |
| CN105872345A (en) * | 2015-01-20 | 2016-08-17 | 北京理工大学 | Full-frame electronic image stabilization method based on feature matching |
| CN104899287A (en) * | 2015-06-04 | 2015-09-09 | 百度在线网络技术（北京）有限公司 | Webpage display method and device |
| CN107797783A (en) * | 2017-10-25 | 2018-03-13 | 广东欧珀移动通信有限公司 | Control method, control device and computer-readable recording medium |
| CN109189537A (en) * | 2018-08-31 | 2019-01-11 | 掌阅科技股份有限公司 | The dynamic display method of page info calculates equipment and computer storage medium |
| CN109359262A (en) * | 2018-10-11 | 2019-02-19 | 广州酷狗计算机科技有限公司 | Animation playing method, device, terminal and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106056529B (en) | Method and equipment for training convolutional neural network for picture recognition | |
| JP7403638B2 (en) | Fast sparse neural network | |
| CN102378978B (en) | The method effectively realized with storage fast of conversion | |
| CN107229966B (en) | Model data updating method, device and system | |
| CN101763627B (en) | Method and device for realizing Gaussian blur | |
| DE202016107446U1 (en) | Rotation of data for calculations in neural networks | |
| CN108416436A (en) | The method and its system of neural network division are carried out using multi-core processing module | |
| CN106652008A (en) | Method automatically forming grid and shader multi-layer detail | |
| WO2013112618A1 (en) | Systems and methods for graphical layout | |
| CN111898424B (en) | Character recognition model training method and device, electronic equipment and storage medium | |
| CN106682811A (en) | Market network visualization method based on density clustering and force guidance algorithm | |
| CN107341761A (en) | A kind of calculating of deep neural network performs method and system | |
| EP2996086A1 (en) | System, method and computer program product for automatic optimization of 3d textured models for network transfer and real-time rendering | |
| CN110503194A (en) | A kind of method and system of distributed parallel training | |
| JP5362130B2 (en) | Image processing method and apparatus therefor | |
| CN108960408A (en) | A kind of stylized system and method towards ultra high-definition resolution ratio pattern | |
| CN110390382A (en) | A kind of convolutional neural networks hardware accelerator with novel feature figure cache module | |
| CN116128019A (en) | Parallel training method and device for transducer model | |
| CN103871073B (en) | A kind of method for tracking target based on augmented reality, equipment and system | |
| CN110414672B (en) | Convolution operation method, device and system | |
| CN110377874B (en) | Convolution operation method and system | |
| CN111160501A (en) | Construction method and device of two-dimensional code training data set | |
| CN103885962A (en) | Picture processing method and server | |
| CN110009103A (en) | A kind of method and apparatus of deep learning convolutional calculation | |
| CN110309459A (en) | Web-based image processing method, device, equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |