CN107957997A - A kind of method and apparatus of the editing picture in the HTML5 pages - Google Patents
A kind of method and apparatus of the editing picture in the HTML5 pages Download PDFInfo
- Publication number
- CN107957997A CN107957997A CN201610897766.3A CN201610897766A CN107957997A CN 107957997 A CN107957997 A CN 107957997A CN 201610897766 A CN201610897766 A CN 201610897766A CN 107957997 A CN107957997 A CN 107957997A
- Authority
- CN
- China
- Prior art keywords
- target photo
- event
- user
- html5 pages
- characteristic area
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
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)
Abstract
An embodiment of the present invention provides a kind of method and apparatus of the editing picture in the HTML5 pages, characteristic area is previously provided with the HTML5 pages；The described method includes：Receive the Target Photo for the characteristic area that user is uploaded in the current HTML5 pages；Receive the edit operation event that user is directed to the Target Photo；The Target Photo is adjusted according to the edit operation event；The Target Photo after adjustment is sent to the server.Can in Webpage to picture or photo into edlin, advance operation need not be carried out to picture, simplify cumbersome step, avoid using server economizing on resources to Target Photo into edlin and the time, improve equipment work efficiency, strengthen user experience, avoid transfer destination picture from saving server resource and Internet resources to the server into edlin, the picture edited on webpage can be preserved to client, further strengthen the experience of user.
Description
Technical field
The present invention relates to the technical field of picture processing, more particularly to a kind of side of the editing picture in the HTML5 pages
Method and a kind of device of the editing picture in the HTML5 pages.
Background technology
With the development of science and technology, net purchase in people's lives more and more important, because being related to the letter of the seller
Reputation, the monocyclic section of evaluation link and solarization after net purchase is the important link of net purchase, and evaluates link or shine monocyclic section and pass through needs
Uploading pictures, and have certain requirement to the aesthetics of picture, usual user is to the picture of upload into edlin；In addition,
Upload pictures to official webpage when, as some examinations registration step in, it is necessary to entrant's upload pictures, and to upload pictures
Form, size also have certain special requirement, it is necessary to picture into edlin or adjustment.
In two kinds of above-mentioned situations, user would generally can compile picture or photo in webpage or specific software
Volume, if being edited in specific software, for example, if being edited in Photoshop, the time length of loading, user experience is not high,
In addition, before the appearance of HTML5 (Hypertext Markup Language5, the 5th generation hypertext markup language) technology, use
Family if necessary in webpage to picture or photo into, it is necessary to by picture or photo upload to server, taking if edlin
Be engaged in device into edlin, then from server pass editor back after picture, user determine whether to retain again it is after editor as a result, because
For server process picture or photo, it is necessary to spend compared with multi-system resource, flow is cumbersome, improves the cost of running, increases user
The time of wait, user experience be not high.
The content of the invention
In view of the above problems, the embodiment of the present invention proposes a kind of method of the editing picture in the HTML5 pages and corresponding
A kind of editing picture in the HTML5 pages device.
To solve the above-mentioned problems, the embodiment of the invention discloses a kind of method of the editing picture in the HTML5 pages, institute
State in the HTML5 pages and be previously provided with characteristic area；The described method includes：
Receive the Target Photo for the characteristic area that user is uploaded in the current HTML5 pages；
Receive the edit operation event that user is directed to the Target Photo；
The Target Photo is adjusted according to the edit operation event；
The Target Photo after adjustment is sent to the server.
Preferably, it is described receive the step of user is uploaded to the Target Photo of characteristic area in the current HTML5 pages it
Before, further include：
Receive the click event that user is directed to the HTML5 pages；
The click event is responded, loads the HTML5 pages.
Preferably, the step of Target Photo for the characteristic area that the reception user is uploaded in the current HTML5 pages wraps
Include：
When receiving confirmation letter of the user for the HTML5 pages for being drawn to browser loading of the Target Photo
During breath, the Target Photo is converted into corresponding image data stream by the browser；
Receive the image data and flow to the characteristic area.
Preferably, the edit operation includes rotation process event and/or zoom operations event and/or trimming operation event
And/or filter selection event, described the step of adjusting the Target Photo according to the edit operation event, include：
Respond the rotation process event that user is directed to the Target Photo；
For the Target Photo adapt to the rotation process of the rotation process event in the characteristic area；
And/or
Respond the zoom operations event that user is directed to the Target Photo；
For the Target Photo adapt to the zoom operations of the zoom operations event in the characteristic area；
And/or
Respond the trimming operation event that user is directed to the Target Photo；
For the Target Photo adapt to the trimming operation of the trimming operation event in the characteristic area；
And/or
Respond filter selection event of the user for the Target Photo；
The filter of the filter selection event is adapted to for Target Photo addition in the characteristic area.
Preferably, the server is used to store the Target Photo after adjustment.
Preferably, the method further includes：
The Target Photo after the adjustment is exported to client.
Preferably, the method further includes：
Obtain trimming operation and/or zoom operations and/or cutting of the user for the Target Photo on the webpage
The operating process of operation；
The operating process is converted into interactive animation；
The interactive animation is shown on the webpage.
It is pre- in the HTML5 pages the embodiment of the invention also discloses a kind of device of the editing picture in the HTML5 pages
First it is provided with characteristic area；Described device includes：
Target Photo receiving module, the target figure for the characteristic area being uploaded to for receiving user in the current HTML5 pages
Piece；
Edit operation event receiving module, the edit operation event of the Target Photo is directed to for receiving user；
Target Photo adjusts module, for adjusting the Target Photo according to the edit operation event；
Server sending module, for sending the Target Photo after adjusting to the server.
Preferably, the module being connected with the Target Photo receiving module further includes：
Click event receiving module, the click event of the HTML5 pages is directed to for receiving user；
Page load-on module, for responding the click event, loads the HTML5 pages.
Preferably, the Target Photo receiving module includes：
Image data circulation beggar's module, described browse is drawn to for that ought receive user for the Target Photo
During the confirmation message of the HTML5 pages of device loading, the Target Photo is converted into corresponding image data stream by the browser；
Image data stream receiving submodule, the characteristic area is flow to for receiving the image data.
The embodiment of the present invention includes advantages below：
In the embodiment of the present invention, the Target Photo for the characteristic area that user is uploaded in the current HTML5 pages is received, is received
User is directed to the edit operation event of the Target Photo, adjusts the Target Photo according to the edit operation event, sends
Target Photo after adjustment is to the server.Can in Webpage to picture or photo into edlin, it is not necessary to figure
Piece carries out advance operation, simplifies cumbersome step, avoid using server economizing on resources to Target Photo into edlin and when
Between, equipment work efficiency is improved, strengthens user experience.
Further, the edit operation event that user is directed to Target Photo is received, response user is directed to the Target Photo
Edit operation event, adapt to the behaviour of the edit operation event for the Target Photo in the characteristic area
Make, send the Target Photo after adjustment to the server, can avoid passing with the Target Photo after output adjustment to client
Target Photo is sent to save server resource and Internet resources to the server into edlin, can preserve what is edited on webpage
Picture further strengthens the experience of user to client.
Brief description of the drawings
Fig. 1 is a kind of step flow chart of the embodiment of the method one of editing picture in the HTML5 pages of the present invention；
Fig. 2 is a kind of step flow chart of the embodiment of the method two of editing picture in the HTML5 pages of the present invention；
Fig. 3 is a kind of structure diagram of the device embodiment of editing picture in the HTML5 pages of the present invention.
Embodiment
In order to make the foregoing objectives, features and advantages of the present invention clearer and more comprehensible, it is below in conjunction with the accompanying drawings and specific real
Applying mode, the present invention is described in further detail.
The step of reference Fig. 1, embodiment of the method one for showing a kind of editing picture in the HTML5 pages of the invention, flows
Cheng Tu, is previously provided with characteristic area in the HTML5 pages；Specifically it may include steps of：
Step 101, the Target Photo for the characteristic area that user is uploaded in the current HTML5 pages is received；
It is that one under the kernel language of WWW, standard generalized markup language applies hypertext in the embodiment of the present invention
5th material alteration of markup language (HTML, Hyper Text Mark-up Language).Wherein, HTML5 be compared to
HTML4 or pervious versions, HTML5 provide painting canvas interface CANVAS API (Application Programming
Interface, application programming interface), CANVAS is a kind of new label of the appearance of HTML5, can carry out 2D/3D by it
Picture is drawn.Further, HTML5 additionally provides a kind of HTML5File API (application of file programming interface), it is used for
The file interface that HTML5 is provided, can carry out parsing object picture by the interface, obtain picture binary data.It is of the invention real
Example is applied, JavaScript language can be used to carry out the editor (including editor to HTML5) to webpage, JavaScript is one
Kind of literal translation formula script, is a kind of regime type, weak type, the language based on prototype, built-in support type.Its interpreter
It is referred to as JavaScript engine, is a part for browser, is widely used in the script of client, is in HTML earliest
Used on (application under standard generalized markup language) webpage, for increasing dynamic function to html web page.
Specific to the embodiment of the present invention, when user opens a specific HTML5 page, it is specifically as follows the figure that needs upload
The HTML5 pages of piece, for example, it may be inputting the page of evaluation or the page of " shining single " after net purchase, can also be qualifying examination
Registration the page, usual examination registration is all to upload personal photo (the red bottom photo for example, one-inch is taken one's hat off), can also be it
It needs the Webpage of upload pictures or picture, and the embodiment of the present invention is not intended to be limited in any this.Upload and shine in above-mentioned needs
One upload frame of meeting, is served only for upload pictures or picture in the page of piece or picture, or shows the photo or picture uploaded, but
In the prior art, user can not be previously provided with spy in upload frame editing picture, the embodiment of the present invention in the HTML5 pages
Region is levied, the characteristic area can upload frame or other edit boxes, the embodiment of the present invention are not intended to be limited in any.
In a kind of preferred embodiment of the embodiment of the present invention, the spy for receiving user and being uploaded in the current HTML5 pages
Before the step of levying the Target Photo in region, following step is further included：
Step S11, receives the click event that user is directed to the HTML5 pages；
Step S12 responds the click event, loads the HTML5 pages.
Specifically, when user opens the specific HTML5 pages in browser, Target Photo that user uploads needs drags
The button uploaded is pulled to or clicked on, uploads Target Photo to the characteristic area of the specific HTML5 pages, it is specific in browser
The HTML5 pages receive Target Photo and are shown in characteristic area, so as to the operation of next step user.
Step 102, the edit operation event that user is directed to the Target Photo is received；
In practical application, after user can upload Target Photo to characteristic area, user can edit mesh in characteristic area
Mark on a map piece, consider with reference to special scenes in step 101, user's needs assessment or " shining single " or upload personal photo；Above-mentioned spy
Determining scene is required for user to zoom in and out, rotate, cut to the photo and picture of upload, adds filter, even adjusts brightness
And contrast etc., it is desirable to which the picture and photo of upload have certain aesthetics.In the embodiment of the present invention, browser shows specific
During the HTML5 pages, the corresponding mobile terminal meeting user of browser is directed to the edit operation event of Target Photo, wherein, the volume
Rotation process event and/or zoom operations event and/or trimming operation event and/or filter selection can be included by collecting action event
Event, can also include brightness adjustment operation event, contrast adjustment operation event, and transparency adjusts action event, specific wind
Style section action event, the embodiment of the present invention do not make this any limitation.
Step 103, the Target Photo is adjusted according to the edit operation event；
It should be noted that after browser receives above-mentioned edit operation event, respond above-mentioned user and be directed to target figure
Rotation process event and/or zoom operations event and/or trimming operation event and/or filter the selection event of piece, or response
Above-mentioned brightness adjustment operation event and/or contrast adjustment operation event and/or transparency adjust action event and/or specific
Style adjusts action event, adjusts Target Photo.
Step 104, the Target Photo after adjustment is sent to the server.
Further, it is clear belonging to the specific HTML5 pages when user determines that Target Photo reaches expected edit effect
Device of looking at sends the Target Photo after executive editor's operation to server, wherein, after the server can be used for storage adjustment
Target Photo, so as to further specific HTML5 page presentations Target Photo, it is necessary to which explanation, server can include webpage
Server, file server, database server, application server, the embodiment of the present invention are not restricted the species of server.
In the embodiment of the present invention, browser receives the target figure for the characteristic area that user is uploaded in the current HTML5 pages
Piece, receives the edit operation event that user is directed to the Target Photo, and the target figure is adjusted according to the edit operation event
Piece, sends the Target Photo after adjustment to the server.Uploading pictures or photo are needed for the user in special scenes
Situation, can in Webpage to picture or photo into edlin, carry out editing picture without opening specific software
Or it is uploaded to again in webpage after photo, it is not necessary to advance operation is carried out to picture, simplifies cumbersome step, is avoided using service
Device into edlin, economizes on resources and the time Target Photo, improves equipment work efficiency, strengthens user experience.
The step of reference Fig. 2, embodiment of the method two for showing a kind of editing picture in the HTML5 pages of the invention, flows
Cheng Tu, is previously provided with characteristic area in the HTML5 pages；Specifically it may include steps of：
Step 201, when receiving the HTML5 page that is drawn to browser loading of the user for the Target Photo
Confirmation message when, the Target Photo is converted into corresponding image data stream by the browser；
In the embodiment of the present invention, when Target Photo is drawn to the HTML5 pages of browser loading alternatively, working as user by user
The button uploaded is clicked on, selects the Target Photo uploaded, confirms after uploading Target Photo, passes through specific API on the HTML5 pages
The Target Photo is converted into corresponding image data stream by interface, for example, using HTML5file api interfaces, can be read
Target Photo, can also be converted to binary data stream (essence is exactly string of binary characters) by the details of object picture.
The binary data stream of picture is obtained, it is possible to picture is carried out to understand and any operation in detail.
Step 202, receive the image data and flow to the characteristic area；
Applied to the embodiment of the present invention, Target Photo is sent in the form of image data stream in the specific HTML5 pages
After characteristic area, presented in characteristic area by Target Photo in the form of object picture in front of the user, user can be to target
Picture carries out edit operation.It should be noted that the process of Target Photo transformed picture data flow is mobile terminal (smart mobile phone
Or PC etc.) backstage perform, its process can't be presented on the webpage being able to observe that of user.
Step 203, the edit operation event that user is directed to the Target Photo is received；
Specifically, browser receives the edit operation event that user is directed to Target Photo, wherein, edit operation event can
With including edit operation event can include rotation process event and/or zoom operations event and/or trimming operation event and/or
Filter selects event, can also include brightness adjustment operation event, contrast adjustment operation event, and transparency adjusts operation thing
Part, specific style adjust action event, it is necessary to which explanation, above-mentioned edit operation event is only that the embodiment of the present invention is some
Kind is enumerated, and can also be the edit operation event for the pixel of Target Photo, and the adjusting of local luminance and contrast
Action event, the embodiment of the present invention are not restricted this.
Step 204, the Target Photo is adjusted according to the edit operation event；
In a kind of preferred embodiment of the embodiment of the present invention, the edit operation includes rotation process event and/or scaling
Action event and/or trimming operation event and/or filter selection event, it is described to adjust the mesh according to the edit operation event
Piece of marking on a map specifically includes following steps：
Sub-step S11, response user are directed to the rotation process event of the Target Photo；
Sub-step S12, carries out for the Target Photo adapting to the rotation process event in the characteristic area
Rotation process；
It is described to adjust the target according to the edit operation event in another preferred embodiment of the embodiment of the present invention
Picture is specifically further comprising the steps of：
Sub-step S21, response user are directed to the zoom operations event of the Target Photo；
Sub-step S22, carries out for the Target Photo adapting to the zoom operations event in the characteristic area
Zoom operations；
It is described to adjust the target according to the edit operation event in another preferred embodiment of the embodiment of the present invention
Picture is specifically further comprising the steps of：
Sub-step S31, response user are directed to the trimming operation event of the Target Photo；
Sub-step S32, carries out for the Target Photo adapting to the trimming operation event in the characteristic area
Trimming operation；
It is described to adjust the target according to the edit operation event in another preferred embodiment of the embodiment of the present invention
Picture is specifically further comprising the steps of：
Sub-step S41, filter selection event of the response user for the Target Photo；
Sub-step S42, the filter selection event is adapted in the characteristic area for Target Photo addition
Filter.
It should be noted that this feature region can be any position of specific HTML5 webpages, for example, it may be webpage
Center or webpage in pop-up display position, the embodiment of the present invention does not make this any limitation.The embodiment of the present invention
In, above-mentioned rotation process event and/or zoom operations event and/or trimming operation event and/or filter except responding user
Outside mirror selection event, the adjusting action event of the intrinsic colors of picture such as the brightness for picture, comparison degree can also be, this
Inventive embodiments are specifically not intended to be limited in any.
Step 205, the Target Photo after adjustment is sent to the server.
Further, server can store the Target Photo, to show the Target Photo in specific HTML5 nets
, it is necessary to which explanation, Target Photo can be illustrated in characteristic area, can also be illustrated in the other of specific HTML5 webpages on page
Position, for example, in the pop-up display position of specific HTML5 webpages, alternatively, being that the text reviews of HTML5 webpages and user are closed
And show, the present invention implements specifically not making exhibition method any limitation.
In a kind of preferred embodiment of the embodiment of the present invention, the method further includes following step：
Step S51, Target Photo after output adjustment to client.
Applied in the embodiment of the present invention, after Target Photo adjustment, client is also outputted to so that user uses next time,
It should be noted that the client can be including mobile terminal etc..
In another preferred embodiment of the embodiment of the present invention, the method further includes：
Step S61, obtains trimming operation and/or zoom operations that user is directed to the Target Photo on the webpage
And/or the operating process of trimming operation；
Step S62, interactive animation is converted to by the operating process；
Step S63, shows the interactive animation on the webpage.
In practical application, API that edit operation process of the embodiment of the present invention also to user is provided by Canvas with
JavaScript technologies are converted to the interactive animation of picture editor, and user can drag Target Photo with cursor or gesture
The edit operation such as drag, scale, rotating, and can directly be seen that the effect after operation.Wherein, user is carried out by JavaScript
The processing of interactive portion, the drafting of the effect of the Target Photo after being interacted with Canvas and shows.
In the embodiment of the present invention, browser receives the edit operation event that user is directed to Target Photo, wherein, edit operation
Event, which can include edit operation event, can include rotation process event and/or zoom operations event and/or trimming operation thing
Part and/or filter selection event, can also include brightness adjustment operation event, contrast adjustment operation event, transparency is adjusted
Action event, specific style adjust action event, and response user is directed to the edit operation event of the Target Photo, in the spy
For the Target Photo adapt to the operation of the edit operation event in sign region, send the Target Photo after adjustment
To the server, can be realized with the Target Photo after output adjustment to client on HTML5 webpages to Target Photo
Edit operation is carried out, avoids transfer destination picture from saving server resource and Internet resources, also to the server into edlin
The picture edited on webpage can be preserved to client, further strengthen the experience of user.
It should be noted that for embodiment of the method, in order to be briefly described, therefore it is all expressed as to a series of action group
Close, but those skilled in the art should know, the embodiment of the present invention and from the limitation of described sequence of movement, because according to
According to the embodiment of the present invention, some steps can use other orders or be carried out at the same time.Secondly, those skilled in the art also should
Know, embodiment described in this description belongs to preferred embodiment, and the involved action not necessarily present invention is implemented
Necessary to example.
Reference Fig. 3, shows a kind of structural frames of the device embodiment of editing picture in the HTML5 pages of the present invention
Scheme, characteristic area is previously provided with the HTML5 pages；Following module can specifically be included：
Target Photo receiving module, the target figure for the characteristic area being uploaded to for receiving user in the current HTML5 pages
Piece；
Edit operation event receiving module, the edit operation event of the Target Photo is directed to for receiving user；
Target Photo adjusts module, for adjusting the Target Photo according to the edit operation event；
Server sending module, for sending the Target Photo after adjusting to the server.
Preferably, the module being connected with the Target Photo receiving module further includes：
Click event receiving module, the click event of the HTML5 pages is directed to for receiving user；
Page load-on module, for responding the click event, loads the HTML5 pages.
Preferably, the Target Photo receiving module includes：
Image data circulation beggar's module, described browse is drawn to for that ought receive user for the Target Photo
During the confirmation message of the HTML5 pages of device loading, the Target Photo is converted into corresponding image data stream by the browser；
Image data stream receiving submodule, the characteristic area is flow to for receiving the image data.
Preferably, the edit operation includes rotation process event and/or zoom operations event and/or trimming operation event
And/or filter selection event, the Target Photo adjustment module include：
Rotation process event response submodule, the rotation process event of the Target Photo is directed to for responding user；
Rotation process is adapted to submodule, described in being adapted in the characteristic area for the Target Photo
The rotation process of rotation process event；
In a kind of preferred embodiment of the embodiment of the present invention, the Target Photo adjustment module includes：
Zoom operations event response submodule, the zoom operations event of the Target Photo is directed to for responding user；
Zoom operations are adapted to submodule, described in being adapted in the characteristic area for the Target Photo
The zoom operations of zoom operations event；
In another kind preferred embodiment of the embodiment of the present invention, the Target Photo adjustment module further includes：
Trimming operation event response submodule, the trimming operation event of the Target Photo is directed to for responding user；
Trimming operation is adapted to submodule, described in being adapted in the characteristic area for the Target Photo
The trimming operation of trimming operation event；
In another kind preferred embodiment of the embodiment of the present invention, the Target Photo adjustment module further includes：
Filter selects event response submodule, and event is selected for the filter of the Target Photo for responding user；
Filter is adapted to submodule, and the filter is adapted to for being directed to Target Photo addition in the characteristic area
The filter of selection event.
Preferably, the server is used to store the Target Photo after adjustment.
In a kind of preferred embodiment of the embodiment of the present invention, described device further includes：
Target Photo output module, for exporting the Target Photo after the adjustment to client.
In another kind preferred embodiment of the embodiment of the present invention, described device further includes：
Operating process acquisition module, for obtaining user on the webpage for the trimming operation of the Target Photo
And/or the operating process of zoom operations and/or trimming operation；
Interactive animation modular converter, for the operating process to be converted to interactive animation；
Interactive animation display module, for showing the interactive animation on the webpage.
For device embodiment, since it is substantially similar to embodiment of the method, so description is fairly simple, it is related
Part illustrates referring to the part of embodiment of the method.
Each embodiment in this specification is described by the way of progressive, what each embodiment stressed be with
The difference of other embodiment, between each embodiment identical similar part mutually referring to.
It should be understood by those skilled in the art that, the embodiment of the embodiment of the present invention can be provided as method, apparatus or calculate
Machine program product.Therefore, the embodiment of the present invention can use complete hardware embodiment, complete software embodiment or combine software and
The form of the embodiment of hardware aspect.Moreover, the embodiment of the present invention can use one or more wherein include computer can
With in the computer-usable storage medium (including but not limited to magnetic disk storage, CD-ROM, optical memory etc.) of program code
The form of the computer program product of implementation.
The embodiment of the present invention be with reference to according to the method for the embodiment of the present invention, terminal device (system) and computer program
The flowchart and/or the block diagram of product describes.It should be understood that it can realize flowchart and/or the block diagram by computer program instructions
In each flow and/or block and flowchart and/or the block diagram in flow and/or square frame combination.These can be provided
Computer program instructions are set to all-purpose computer, special purpose computer, Embedded Processor or other programmable data processing terminals
Standby processor is to produce a machine so that is held by the processor of computer or other programmable data processing terminal equipments
Capable instruction is produced and is used for realization in one flow of flow chart or multiple flows and/or one square frame of block diagram or multiple square frames
The device for the function of specifying.
These computer program instructions, which may also be stored in, can guide computer or other programmable data processing terminal equipments
In the computer-readable memory to work in a specific way so that the instruction being stored in the computer-readable memory produces bag
The manufacture of command device is included, which realizes in one flow of flow chart or multiple flows and/or one side of block diagram
The function of being specified in frame or multiple square frames.
These computer program instructions can be also loaded into computer or other programmable data processing terminal equipments so that
Series of operation steps is performed on computer or other programmable terminal equipments to produce computer implemented processing, so that
The instruction performed on computer or other programmable terminal equipments is provided and is used for realization in one flow of flow chart or multiple flows
And/or specified in one square frame of block diagram or multiple square frames function the step of.
Although having been described for the preferred embodiment of the embodiment of the present invention, those skilled in the art once know base
This creative concept, then can make these embodiments other change and modification.So appended claims are intended to be construed to
Including preferred embodiment and fall into all change and modification of range of embodiment of the invention.
Finally, it is to be noted that, herein, relational terms such as first and second and the like be used merely to by
One entity or operation are distinguished with another entity or operation, without necessarily requiring or implying these entities or operation
Between there are any actual relationship or order.Moreover, term " comprising ", "comprising" or its any other variant meaning
Covering non-exclusive inclusion, so that process, method, article or terminal device including a series of elements are not only wrapped
Those key elements are included, but also including other elements that are not explicitly listed, or further include as this process, method, article
Or the key element that terminal device is intrinsic.In the absence of more restrictions, wanted by what sentence "including a ..." limited
Element, it is not excluded that also there are other identical element in the process including the key element, method, article or terminal device.
Above to a kind of method provided by the present invention and a kind of device, it is described in detail, tool used herein
Body example is set forth the principle of the present invention and embodiment, and the explanation of above example is only intended to help to understand this hair
Bright method and its core concept；Meanwhile for those of ordinary skill in the art, according to the thought of the present invention, specific real
There will be changes in mode and application range are applied, in conclusion this specification content should not be construed as the limit to the present invention
System.
Claims (10)
- A kind of 1. method of the editing picture in the HTML5 pages, it is characterised in that be previously provided with spy in the HTML5 pages Levy region；The described method includes：Receive the Target Photo for the characteristic area that user is uploaded in the current HTML5 pages；Receive the edit operation event that user is directed to the Target Photo；The Target Photo is adjusted according to the edit operation event；The Target Photo after adjustment is sent to the server.
- 2. according to the method described in claim 1, it is characterized in that, the reception user is uploaded in the current HTML5 pages Before the step of Target Photo of characteristic area, further include：Receive the click event that user is directed to the HTML5 pages；The click event is responded, loads the HTML5 pages.
- 3. according to the method described in claim 1, it is characterized in that, the reception user is uploaded in the current HTML5 pages The step of Target Photo of characteristic area, includes：When receiving confirmation message of the user for the HTML5 pages for being drawn to browser loading of the Target Photo When, the Target Photo is converted into corresponding image data stream by the browser；Receive the image data and flow to the characteristic area.
- 4. the method according to claim 1 or 3, it is characterised in that the edit operation include rotation process event and/or Zoom operations event and/or trimming operation event and/or filter selection event, it is described to adjust institute according to the edit operation event The step of stating Target Photo includes：Respond the rotation process event that user is directed to the Target Photo；For the Target Photo adapt to the rotation process of the rotation process event in the characteristic area；And/orRespond the zoom operations event that user is directed to the Target Photo；For the Target Photo adapt to the zoom operations of the zoom operations event in the characteristic area；And/orRespond the trimming operation event that user is directed to the Target Photo；For the Target Photo adapt to the trimming operation of the trimming operation event in the characteristic area；And/orRespond filter selection event of the user for the Target Photo；The filter of the filter selection event is adapted to for Target Photo addition in the characteristic area.
- 5. according to the method described in claim 1, it is characterized in that, the server is used to store the Target Photo after adjustment.
- 6. according to the method described in claim 3, it is characterized in that, the method further includes：The Target Photo after the adjustment is exported to client.
- 7. according to the method described in claim 4, it is characterized in that, the method further includes：Obtain trimming operation and/or zoom operations and/or trimming operation that user is directed to the Target Photo on the webpage Operating process；The operating process is converted into interactive animation；The interactive animation is shown on the webpage.
- 8. a kind of device of the editing picture in the HTML5 pages, it is characterised in that be previously provided with spy in the HTML5 pages Levy region；Described device includes：Target Photo receiving module, the Target Photo for the characteristic area being uploaded to for receiving user in the current HTML5 pages；Edit operation event receiving module, the edit operation event of the Target Photo is directed to for receiving user；Target Photo adjusts module, for adjusting the Target Photo according to the edit operation event；Server sending module, for sending the Target Photo after adjusting to the server.
- 9. device according to claim 8, it is characterised in that the module being connected with the Target Photo receiving module is also Including：Click event receiving module, the click event of the HTML5 pages is directed to for receiving user；Page load-on module, for responding the click event, loads the HTML5 pages.
- 10. device according to claim 8, it is characterised in that the Target Photo receiving module includes：Image data circulation beggar's module, adds for that ought receive user for the browser that is drawn to of the Target Photo During the confirmation message of the HTML5 pages of load, the Target Photo is converted into corresponding image data stream by the browser；Image data stream receiving submodule, the characteristic area is flow to for receiving the image data.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610897766.3A CN107957997A (en) | 2016-10-14 | 2016-10-14 | A kind of method and apparatus of the editing picture in the HTML5 pages |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610897766.3A CN107957997A (en) | 2016-10-14 | 2016-10-14 | A kind of method and apparatus of the editing picture in the HTML5 pages |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107957997A true CN107957997A (en) | 2018-04-24 |
Family
ID=61954075
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610897766.3A Pending CN107957997A (en) | 2016-10-14 | 2016-10-14 | A kind of method and apparatus of the editing picture in the HTML5 pages |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107957997A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109448075A (en) * | 2018-10-15 | 2019-03-08 | 网宿科技股份有限公司 | A kind of image processing method and server |
| CN109683880A (en) * | 2018-12-25 | 2019-04-26 | 百度在线网络技术（北京）有限公司 | Webpage exchange method, device, equipment and storage medium |
| CN110955477A (en) * | 2019-10-12 | 2020-04-03 | 中国平安财产保险股份有限公司 | Image self-defining method, device, equipment and storage medium |
| CN112802157A (en) * | 2021-01-26 | 2021-05-14 | 挂号网（杭州）科技有限公司 | Picture editing method and device, electronic equipment and storage medium |
| CN113435776A (en) * | 2021-07-13 | 2021-09-24 | 上海禾万企业发展有限公司 | Intelligent online education registration system |
| CN114139096A (en) * | 2021-12-07 | 2022-03-04 | 中国建设银行股份有限公司 | Web page making method, device, equipment, storage medium and program product |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20020001277A (en) * | 2000-06-27 | 2002-01-09 | 황희성 | image editing method and apparatus using a java applet |
| US20040250205A1 (en) * | 2003-05-23 | 2004-12-09 | Conning James K. | On-line photo album with customizable pages |
| CN103150745A (en) * | 2011-12-06 | 2013-06-12 | 腾讯科技（深圳）有限公司 | Method and device capable of editing a picture on line |
| CN103853790A (en) * | 2012-12-06 | 2014-06-11 | 腾讯科技（深圳）有限公司 | Method and device for processing upload information of mobile terminal browser |
| CN105335925A (en) * | 2014-07-30 | 2016-02-17 | 北京畅游天下网络技术有限公司 | Picture clipping method and browser device |
-
2016
- 2016-10-14 CN CN201610897766.3A patent/CN107957997A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20020001277A (en) * | 2000-06-27 | 2002-01-09 | 황희성 | image editing method and apparatus using a java applet |
| US20040250205A1 (en) * | 2003-05-23 | 2004-12-09 | Conning James K. | On-line photo album with customizable pages |
| CN103150745A (en) * | 2011-12-06 | 2013-06-12 | 腾讯科技（深圳）有限公司 | Method and device capable of editing a picture on line |
| CN103853790A (en) * | 2012-12-06 | 2014-06-11 | 腾讯科技（深圳）有限公司 | Method and device for processing upload information of mobile terminal browser |
| CN105335925A (en) * | 2014-07-30 | 2016-02-17 | 北京畅游天下网络技术有限公司 | Picture clipping method and browser device |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109448075A (en) * | 2018-10-15 | 2019-03-08 | 网宿科技股份有限公司 | A kind of image processing method and server |
| CN109683880A (en) * | 2018-12-25 | 2019-04-26 | 百度在线网络技术（北京）有限公司 | Webpage exchange method, device, equipment and storage medium |
| CN110955477A (en) * | 2019-10-12 | 2020-04-03 | 中国平安财产保险股份有限公司 | Image self-defining method, device, equipment and storage medium |
| CN110955477B (en) * | 2019-10-12 | 2023-04-11 | 中国平安财产保险股份有限公司 | Image self-defining method, device, equipment and storage medium |
| CN112802157A (en) * | 2021-01-26 | 2021-05-14 | 挂号网（杭州）科技有限公司 | Picture editing method and device, electronic equipment and storage medium |
| CN112802157B (en) * | 2021-01-26 | 2024-03-12 | 挂号网（杭州）科技有限公司 | Picture editing method, device, electronic equipment and storage medium |
| CN113435776A (en) * | 2021-07-13 | 2021-09-24 | 上海禾万企业发展有限公司 | Intelligent online education registration system |
| CN114139096A (en) * | 2021-12-07 | 2022-03-04 | 中国建设银行股份有限公司 | Web page making method, device, equipment, storage medium and program product |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107957997A (en) | A kind of method and apparatus of the editing picture in the HTML5 pages | |
| CN107885848B (en) | Webpage screen capturing method based on web technology | |
| US20180260984A1 (en) | Vector graphics based live sketching methods and systems | |
| CN103365862B (en) | It is a kind of for generating the method and apparatus of picture corresponding with the page | |
| CN104424232B (en) | A kind of webpage label method and apparatus | |
| US20110167336A1 (en) | Gesture-based web site design | |
| CN108073435B (en) | Multi-information integrated display method and system | |
| CN106445983A (en) | Method for constructing and generating webpage, and system | |
| CN102364460B (en) | Automatic page amplification method and system based on mobile terminal | |
| CA2817554A1 (en) | Mobile content management system | |
| CN103353886A (en) | Method and system for previewing webpage | |
| CN103631630B (en) | Dynamic skin loading method for browser and browser device | |
| US20230056082A1 (en) | Fast image style transfers | |
| US20170351713A1 (en) | Image processing systems and/or methods | |
| CN113411664B (en) | Video processing method and device based on sub-application and computer equipment | |
| CN107402985A (en) | Special video effect output control method, device and computer-readable recording medium | |
| CN102096581A (en) | Method and device for generating widget | |
| CN106610826A (en) | Making method and device for online scenario application | |
| CN107480153A (en) | A kind of page data processing method, client and terminal device | |
| CN109683978A (en) | A kind of method, apparatus and electronic equipment of the rendering of streaming layout interface | |
| CN109190078A (en) | Webpage construction method, device and storage medium | |
| CN103338235A (en) | Method for realizing live wallpaper interactive and personalized creation on mobile phone | |
| CN110941428B (en) | Website creation method and device | |
| CN113655999A (en) | Rendering method, device and equipment of page control and storage medium | |
| JP2021512415A (en) | Backdrop rendering of digital components |
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: 20180424 |