CN109634603A - A kind of H5 page animation method and apparatus based on Canvas painting canvas - Google Patents
A kind of H5 page animation method and apparatus based on Canvas painting canvas Download PDFInfo
- Publication number
- CN109634603A CN109634603A CN201811440884.7A CN201811440884A CN109634603A CN 109634603 A CN109634603 A CN 109634603A CN 201811440884 A CN201811440884 A CN 201811440884A CN 109634603 A CN109634603 A CN 109634603A
- Authority
- CN
- China
- Prior art keywords
- canvas
- rending model
- animation
- rending
- instruction
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/02—Marketing; Price estimation or determination; Fundraising
- G06Q30/0207—Discounts or incentives, e.g. coupons or rebates
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Business, Economics & Management (AREA)
- Physics & Mathematics (AREA)
- Accounting & Taxation (AREA)
- Development Economics (AREA)
- Finance (AREA)
- Strategic Management (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Entrepreneurship & Innovation (AREA)
- General Business, Economics & Management (AREA)
- Marketing (AREA)
- Economics (AREA)
- Game Theory and Decision Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
The present invention provides a kind of H5 page animation method, electronic device and storage medium based on Canvas painting canvas, and the electronic device and production method are applied to marketing plan platform, easy to operate；The production method step is to intercept and capture to the instruction of H5 page creation Canvas painting canvas, intercept and capture to the element object of Canvas painting canvas addition instruction, intercept and capture generating rending model instruction, intercept and capture that system is chosen rending model instruction and intercepted and captured and instruct to the animation producing of the rending model of selection to Canvas image；It is rending model by image needed for drawing user on Canvas painting canvas, and to the package images, for transferring；By rending model needed for choosing, and it is arranged, is superimposed, ultimately forms animation；So that amateur marketing personage is can be carried out planning or the movable animated pages of browsing, realize the planning of marketing activity, keeps market content abundant lively, there is the propagation efficiency of low cost, high benefit, reach preferable marketing effectiveness.
Description
Technical field
The present invention relates to field of computer technology, more particularly to a kind of H5 page animation method based on Canvas painting canvas
And device.
Background technique
The planning of marketing activity is most popular products propaganda and the way of promotion instantly, with current domestic large-scale activity
Increasingly increase, traditional large-scale activity mode taking human as based on management mode receives biggish impact, and device resource etc. is no
It can rationally be utilized, manager can not grasp every dynamic data of large-scale activity in real time, and place, equipment, operation etc. can not
It is fully used and shares.
With the continuous development of Modernized Information Technology, high-speed mobile communications network, smart phone, tablet computer are time
Mobile terminal technology is applied in marketing activity by cloth people's lives, marketing service quality and elder is promoted, by business system
The front end of system expands to the site of activity of sales service, realizes and interacts timely unimpeded, process between site of activity and background application
Seamless integration- improves the battalion of site of activity using the wireless communication of mobile terminal, GPS, the functions such as bar code scan, take pictures, record
Quality and service management efficiency are sold, operation digitlization, networking, informationization, the intelligence of site of activity are made, improves work effect
Rate and marketing service working level reinforce terminal improvement, scene control, establish science, specification, efficient workflow.
In order to cater to market and user's needs, the miscellaneous marketing activity planning platform of many Corporation R & Ds for
Family carries out activity planning and publication；In order to enrich the content of activity planning scheme, marketing activity planning platform can provide various members
Plain object gives user and carries out activity planning, can have suction eyeball point to reach the activity description of user's planning, and loose-leaf is most
It may colourful effect；
But in existing marketing plan platform, often do not have video editing or the function of animation editor；And animation is being marketed
In movable course of planning, effect is behave excellently with respect to plane, this makes have the function of that online animation editor or video are marketing
Importance in platform becomes increasingly conspicuous；For a user, marketing activity planning the rich of platform feature determines marketing activity
The content and marketing effectiveness of the page, therefore marketing platform or platform with online animation or video editing function, become marketing
The urgent need of activity planning user.
Summary of the invention
In order to solve the above technical problems, the present invention provides a kind of H5 (Hyper Text Markup based on Canvas painting canvas
Language 5, the 5th generation hypertext markup language) page animation method, electronic device and storage medium, the electronic device
And production method is applied to marketing plan platform and so that amateur marketing personage is can be carried out planning or browsing towards each terminal user
Movable animated pages realize the planning of marketing activity, keep market content abundant lively, have the propagation of low cost, high benefit
Efficiency reaches preferable marketing effectiveness.
The technical solution adopted by the invention is as follows:
A kind of H5 (Hyper Text Markup Language 5, HTML5, the 5th Dai Chaowen based on Canvas painting canvas
This markup language) page animation method, it the described method comprises the following steps:
S1. it intercepts and captures and H5 page creation Canvas painting canvas is instructed, the instruction that the creation Canvas painting canvas instruction is carried
Information is sent to system；According to the command information, Canvas painting canvas is generated；
S2. the element object addition instruction to Canvas painting canvas is intercepted and captured, the element object is added into the finger that instruction carries
It enables breath be sent to system, according to the command information, corresponding element object is added on Canvas painting canvas and forms Canvas image,
And Canvas image is stored to system；
S3. the generation rending model instruction to Canvas image is intercepted and captured, the finger that the generation rending model instruction is carried
It enables information be sent to system, is several rending models by the Canvas package images stored in system according to the command information,
And rending model is stored into system；
S4. it intercepts and captures and rending model instruction is chosen to system, the command information that the selection rending model instruction carries is passed
It send to system, according to the command information, chooses corresponding rending model, and send animation producing instruction；
S5. the animation producing instruction to the rending model of selection is intercepted and captured, the instruction that animation producing instruction carries is believed
Breath is sent to system, according to the command information, reads several rending models of selection, is arranged, is superimposed, and it is former to form animation
Several functions in shape and selecting system, and the variation of animation original shape axis at any time is generated into corresponding mapping, form animation.
The page animation method further comprises the steps of: S6. intercepting and capturing to the operational order of rending model, by the operational order
The command information of carrying is sent to system, according to the command information, modifies operation or inquiry operation to rending model；
The operational order intercepted and captured to rending model, the instruction are realized in the following way:
S61. mouse action of the user in the Canvas canvas area of the H5 page is obtained；
S62. the position of mouse action is judged with the presence or absence of rending model, if in the presence of step S63 is executed；
S63. to rending model addition mark as to mode of operation.
The modification operation includes editor, increases and delete, corresponding to generate edit instruction, increase instruction and delete instruction.
A kind of electronic device, including processor and memory are stored with and can be executed by the processor on the memory
The H5 (Hyper Text Markup Language 5, HTML5, the 5th generation hypertext markup language) based on Canvas painting canvas
Page animation system, the system are used for marketing platform, and the manufacturing system includes:
Painting canvas creation module creates Canvas painting canvas, and Canvas painting canvas by terminal device for user on webpage
As the carrier of H5 (i.e. HTML5) page, the Canvas painting canvas is the painting canvas for carrying out Image Rendering；
Element object adding module will for obtaining the selected element object of user, and according to the drawing path of user
Production element object carries out being depicted as Canvas image on Canvas painting canvas, and saves into memory；
Animation management module is moved for being generated, being chosen, edited to be formed to the rending model comprising different element objects
It draws and stores；
The animation management module includes rending model generation unit, rending model library unit, rending model selection unit
And animation producing unit；
Rending model generation unit for obtaining the Canvas image stored in memory, and passes through api interface
Each Canvas package images that (Application Program Interface, application programming interfaces) draw user
For several rending models, and packaged rending model is stored into rending model library, realizes the reading of rending model, adjusts
With；
Rending model library unit, for storing rending model designed by user；
Rending model selection unit is chosen the rending model stored in rending model library unit for user, and is sent to
Animation unit；
Animation producing unit, several rending models for choosing user are arranged, are superimposed, and it is former to form animation
Shape；The animation unit is stored with several functions, by choosing different functions, the rendering for making animation original shape be included
Corresponding variation occurs corresponding element object for axis at any time in model, forms animation and is stored in memory.
The rending model is made of primary tank；The primary tank includes at least essential information, interaction trigger layer, content layer
And decorative layer；
The essential information is the essential information of element object entrained by rending model, and essential information includes at least element
Size, position, transparency and the rotation angle of object.
The interactive trigger layer is interacted by user interface and user, and the user interface is by user behavior (i.e. mouse
Punctuate is hit or touch screen is clicked) triggering, after being interacted with the interaction trigger layer of rending model, after feedback user behavior triggers rending model
The operation of generation responds.
Preferably, the operation response is to become rending model to mode of operation.
The content layer includes the corresponding display rendering content of production element object；
The decorative layer includes the background of rending model, frame.
The user interface is the data-interface of operation or inquiry operation of modifying to rending model；The modification operation
Increased, deleted or edited including the information to rending model.
Preferably, the terminal device is the end PC or mobile terminal.
Preferably, the function can be linear function, uniform variable motion function or three rank Bezier functions.
Specifically, the position of rending model, size, transparency, the rotation attributes such as angle, can by using linear function,
Uniform variable motion function, three rank Bezier functions etc., i.e. t is generated function f (t) by the changing rule of function itself at any time
Corresponding variable quantity realizes that t is generated accordingly rending model attribute (i.e. its position, size, transparency, rotation angle etc.) at any time
Variation, to make rending model, dynamic change, i.e. animation is presented in t at any time.
A kind of computer readable storage medium is stored with based on Canvas painting canvas in the computer readable storage medium
H5 page animation system, the H5 page animation system based on Canvas painting canvas can performed by least one processor, with
At least one described processor is set to execute the step of the H5 page animation method as described in any one of aforementioned based on Canvas painting canvas
Suddenly.
Beneficial effects of the present invention:
The present invention provides a kind of H5 page animation method, electronic device and storage medium based on Canvas painting canvas, should
Electronic device and production method are applied to marketing plan platform, easy to operate；By drawing user institute on Canvas painting canvas
Image is needed, and is rending model to the package images, for transferring；By rending model needed for choosing, and it is arranged, is folded
Add, ultimately forms animation；The application has the marketing plan platform of the production method and device towards each terminal user, makes non-special
Industry marketing personage can be carried out planning or the movable animated pages of browsing, realize the planning of marketing activity, make the abundant life of market content
It is dynamic, there is the propagation efficiency of low cost, high benefit, reach preferable marketing effectiveness.
Detailed description of the invention
Fig. 1 is the flow diagram of production method of the invention；
Fig. 2 is manufacturing system structural schematic diagram of the invention；
Fig. 3 is rending model block schematic illustration of the invention.
Specific embodiment
Specific embodiments of the present invention will be further explained with reference to the accompanying drawing.
As shown in Figure 1-3, in this application, providing a kind of H5 (Hyper Text Markup based on Canvas painting canvas
Language 5, the 5th generation hypertext markup language) page animation method, electronic device and storage medium.In following reality
It applies in example and is described in detail one by one.
H5 page animation method provided by the present application based on Canvas painting canvas, terminal device are the end PC.Its core
Basic thought are as follows: intercept and capture and H5 page creation Canvas painting canvas is instructed, Canvas painting canvas is created on the H5 page；
It intercepts and captures and instruction is added to the element object of Canvas painting canvas, i.e., in the Canvas painting canvas addition element pair created
As being plotted as Canvas image and (such as having chosen eyes element on painting canvas, painted by the drawing path of user
Eyes in a pair, this to eyes can according to user demand, paint at open, close or one open close)；
It intercepts and captures and the generation rending model of Canvas image is instructed, i.e., the Canvas package images drawn user are wash with watercolours
Model is contaminated, is N number of rending model by N number of package images if user depicts N number of Canvas image；(such as: user can be with
Eye image, nose image, ear image, mouth image etc. are drawn, and is encapsulated as rending model one by one, makes animation in user
When, can be chosen, be called as desired)；
It intercepts and captures and rending model instruction is chosen to system, i.e., the rending model drawn to the N number of user of storage in systems carries out
It chooses, according to the demand that User Page makes, rending model needed for selecting user, such as user have chosen two rendering moulds
Type, the content of two rending models are respectively eyes, a mouth bar；
It intercepts and captures and the animation producing of the rending model of selection is instructed, i.e., to eyes selected by user, a mouth bar
It arranged, be superimposed, by the production demand of user, be superposed to animation original shape, i.e., the member that the animation original shape includes is known as a pair of eye
Eyeball and a mouth bar；And to the animation original shape Selection of Function, make the element (eyes and a mouth bar) on the animation original shape
Corresponding mapping is generated at any time, forms animation.
Increase eyelashes as user need to modify to the rending model made, such as to eyes, then intercepts and captures to wash with watercolours
The operational order for contaminating model modifies operation to rending model；User is obtained in the Canvas canvas area of the H5 page
Mouse action；Judge that the position of mouse action whether there is on the rending model (i.e. in the region of eyes), if mouse exists
In the region of eyes, then to the rending model (eyes) addition mark as to mode of operation；To rendering
Model is modified.
The application provides electronic device, including processor and memory, and being stored on the memory can be by the processing
The H5 page animation system based on Canvas painting canvas that device executes, the system are used for marketing platform, the system includes the following modules:
Painting canvas creation module creates Canvas painting canvas by terminal device (end PC) for user on webpage, and
Carrier of the Canvas painting canvas as the H5 page, the Canvas painting canvas are the painting canvas for carrying out Image Rendering；
Element object adding module, for obtaining the selected production element object of user, and according to the drafting road of user
Production element object is carried out being depicted as Canvas image on Canvas painting canvas, and saved into memory by diameter；
Animation management module is moved for being generated, being chosen, edited to be formed to the rending model comprising different element objects
It draws and stores；
The animation management module includes rending model generation unit, rending model library unit, rending model selection unit
And animation producing unit；
Rending model generation unit, for obtaining the Canvas image stored in memory, and by api interface to
Each Canvas package images that family is drawn are several rending models, and packaged rending model is stored to rendering mould
In type library, realizes the reading of rending model, calls；
Rending model library unit, for storing rending model designed by user；
Rending model selection unit is chosen the rending model stored in rending model library unit for user, and is sent to
Animation unit；
Animation producing unit, several rending models for choosing user are arranged, are superimposed, and it is former to form animation
Shape；The animation unit is stored with several functions, by choosing different functions, the rendering for making animation original shape be included
Corresponding variation occurs corresponding element object for axis at any time in model, forms animation and is stored in memory.
The rending model is made of primary tank and user interface；The primary tank includes at least essential information, interaction touching
Send out layer, content layer and decorative layer.
The essential information includes at least size, position, transparency and the rotation angle of element object.
The interactive trigger layer is interacted by user interface and user, and the user interface is triggered by user behavior,
After interacting with the interaction trigger layer of rending model, the operation generated after feedback user behavior triggering rending model is responded.
The user interface is the data-interface of operation or inquiry operation of modifying to rending model；The modification operation
Increased, deleted or edited including the information to rending model.
Specifically, the application scenarios of the production method also can be different according to the difference of terminal device；For example, terminal device
When for the end PC, the end PC and rending model form the end PC editing machine, and user can directly pass through user interface, select rending model
In, mobile, scaling, the intuitive operation such as rotation；The editor of the different attribute for different rending models can also be made simultaneously
The editor face of panel and the common movement state information of all rending models (i.e. using the mapping generated after function F (t))
Plate；When user chooses one of rending model, panel can be edited by operation, the information in primary tank is called to realize picture
The synchronous change of rending model on cloth.And when terminal device is mobile terminal, mobile terminal and rending model composition mobile terminal editor
The function of being presented such as the end PC editing machine also may be implemented in device.
A kind of computer readable storage medium provided by the present application is stored in the computer readable storage medium and is based on
The H5 page animation system of Canvas painting canvas, the H5 page animation system based on Canvas painting canvas can be handled by least one
Performed by device, so that at least one described processor is executed as described in any one of aforementioned based on the H5 page system of Canvas painting canvas
The step of making method.
According to the disclosure and teachings of the above specification, those skilled in the art in the invention can also be to above-mentioned embodiment party
Formula is changed and is modified.Therefore, the invention is not limited to the specific embodiments disclosed and described above, to the one of invention
A little modifications and changes should also be as falling into the scope of the claims of the present invention.In addition, although being used in this specification
Some specific terms, these terms are merely for convenience of description, does not limit the present invention in any way.
Claims (10)
1. a kind of H5 page animation method based on Canvas painting canvas, it is characterised in that: the described method comprises the following steps:
S1. it intercepts and captures and H5 page creation Canvas painting canvas is instructed, the command information that the creation Canvas painting canvas instruction is carried
It is sent to system；According to the command information, Canvas painting canvas is generated；
S2. the element object addition instruction to Canvas painting canvas is intercepted and captured, the element object is added into the instruction that instruction carries and is ceased
It is sent to system, according to the command information, corresponding element object is added on Canvas painting canvas and forms Canvas image, and will
Canvas image is stored to system；
S3. the generation rending model instruction to Canvas image is intercepted and captured, the instruction that the generation rending model instruction carries is believed
Breath is sent to system, is several rending models by the Canvas package images stored in system according to the command information, and will
Rending model is stored into system；
S4. it intercepts and captures and rending model instruction is chosen to system, the command information that the selection rending model instruction carries is sent to
System chooses corresponding rending model according to the command information, and sends animation producing instruction；
S5. the animation producing instruction to the rending model of selection is intercepted and captured, the command information that animation producing instruction carries is passed
It send to system, according to the command information, reads several rending models of selection, arranged, be superimposed, form animation original shape simultaneously
Several functions in selecting system, and the variation of animation original shape axis at any time is generated into corresponding mapping, form animation.
2. manufacturing method according to claim 1, it is characterised in that: the page animation method further comprises the steps of: S6. and cuts
The operational order to rending model is obtained, the command information that the operational order carries is sent to system, according to the command information,
To rending model modify operation or inquiry operation.
3. production method according to claim 2, it is characterised in that: the operational order intercepted and captured to rending model, it should
Instruction is realized in the following way:
S61. mouse action of the user in the Canvas canvas area of the H5 page is obtained；
S62. the position of mouse action is judged with the presence or absence of rending model, if in the presence of step S63 is executed；
S63. to rending model addition mark as to mode of operation.
4. production method according to claim 2, it is characterised in that: the modification operation includes editor, increases and delete,
It is corresponding to generate edit instruction, increase instruction and delete instruction.
5. a kind of electronic device, including processor and memory, it is characterised in that: being stored on the memory can be by the place
The H5 page animation system based on Canvas painting canvas that device executes is managed, which is used for marketing platform, and the manufacturing system includes:
Painting canvas creation module creates Canvas painting canvas, and Canvas painting canvas conduct by terminal device for user on webpage
The carrier of the H5 page, the Canvas painting canvas are the painting canvas for carrying out Image Rendering；
Element object adding module will for obtaining the selected production element object of user, and according to the drawing path of user
Production element object carries out being depicted as Canvas image on Canvas painting canvas, and saves into memory；
Animation management module forms animation simultaneously for being generated, being chosen to the rending model comprising different element objects, edited
Storage；
The animation management module include rending model generation unit, rending model library unit, rending model selection unit and
Animation producing unit；
Rending model generation unit, for obtaining the Canvas image stored in memory, and by api interface to user institute
The each Canvas package images drawn are several rending models, and packaged rending model is stored to rending model library
In, it realizes the reading of rending model, call；
Rending model library unit, for storing rending model designed by user；
Rending model selection unit chooses the rending model stored in rending model library unit for user, and is sent to animation
Design cell；
Animation producing unit, several rending models for choosing user are arranged, are superimposed, and form animation original shape；Institute
It states animation unit and is stored with several functions, by choosing different functions, the rending model for making animation original shape be included
In corresponding element object corresponding variation occurs for axis at any time, form animation and be simultaneously stored in memory.
6. electronic device according to claim 5, it is characterised in that: the rending model is by primary tank and user interface structure
At；The primary tank includes at least essential information, interaction trigger layer, content layer and decorative layer.
7. electronic device according to claim 6, it is characterised in that: the essential information includes at least the big of element object
Small, position, transparency and rotation angle.
8. electronic device according to claim 6, it is characterised in that: the interactive trigger layer passes through user interface and user
It interacting, the user interface is triggered by user behavior, after being interacted with the interaction trigger layer of rending model, feedback user behavior
The operation response generated after triggering rending model.
9. electronic device according to claim 6, it is characterised in that: the user interface is to modify to rending model
The data-interface of operation or inquiry operation；The modification operation includes that the information of rending model is increased, deleted or edited.
10. a kind of computer readable storage medium, it is characterised in that: be stored in the computer readable storage medium such as right
It is required that the H5 page animation system described in any one of 5-9 based on Canvas painting canvas, the H5 page based on Canvas painting canvas
Manufacturing system can be performed by least one processor, so that at least one described processor is executed as appointed in claim 1-4
The step of H5 page animation method described in one based on Canvas painting canvas.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811440884.7A CN109634603B (en) | 2018-11-28 | 2018-11-28 | Method and device for making H5 page based on Canvas |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811440884.7A CN109634603B (en) | 2018-11-28 | 2018-11-28 | Method and device for making H5 page based on Canvas |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109634603A true CN109634603A (en) | 2019-04-16 |
| CN109634603B CN109634603B (en) | 2020-06-12 |
Family
ID=66069789
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811440884.7A Active CN109634603B (en) | 2018-11-28 | 2018-11-28 | Method and device for making H5 page based on Canvas |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109634603B (en) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110191293A (en) * | 2019-04-18 | 2019-08-30 | 视联动力信息技术股份有限公司 | Information demonstrating method and device |
| CN110727383A (en) * | 2019-09-18 | 2020-01-24 | 北京百度网讯科技有限公司 | Touch interaction method and device based on small program, electronic equipment and storage medium |
| CN110727481A (en) * | 2019-09-06 | 2020-01-24 | 平安国际智慧城市科技股份有限公司 | Picture editing method and device, computer equipment and storage medium |
| CN111124374A (en) * | 2019-12-26 | 2020-05-08 | 南方电网科学研究院有限责任公司 | Method for realizing special effect animation based on Electron and HTML5 |
| CN111242688A (en) * | 2020-01-13 | 2020-06-05 | Oppo广东移动通信有限公司 | Animation resource manufacturing method and device, mobile terminal and storage medium |
| CN111753241A (en) * | 2020-07-01 | 2020-10-09 | 浪潮云信息技术股份公司 | Method and system for drawing multifunctional time template based on canvas |
| CN113934876A (en) * | 2021-12-21 | 2022-01-14 | 成都泰盟软件有限公司 | Web-based job approval method, device and system |
| CN117311708A (en) * | 2023-09-18 | 2023-12-29 | 中教畅享(北京)科技有限公司 | Dynamic modification method and device for resource display page in 3D scene of webpage end |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120246554A1 (en) * | 2011-03-23 | 2012-09-27 | Ericom Software Ltd. | Performing binary composition of images onto an html canvas element |
| CN102866886A (en) * | 2012-09-04 | 2013-01-09 | 北京航空航天大学 | Web-based visual algorithm animation development system |
| CN102902533A (en) * | 2012-09-17 | 2013-01-30 | 乐视网信息技术（北京）股份有限公司 | Frame revealing system and method of generating diagram by combining Java and HTML5 (Hypertxt Markup Language) |
| CN105468377A (en) * | 2015-12-10 | 2016-04-06 | 北京中科汇联科技股份有限公司 | Method and system for generating page of mobile terminal |
| CN108509195A (en) * | 2017-12-12 | 2018-09-07 | 平安科技（深圳）有限公司 | Production method, electronic device and the readable storage medium storing program for executing of H5 loose-leafs |
| CN108628924A (en) * | 2017-11-30 | 2018-10-09 | 昆山乌班图信息技术有限公司 | A method of the html5 pages are generated based on JavaScript |
-
2018
- 2018-11-28 CN CN201811440884.7A patent/CN109634603B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120246554A1 (en) * | 2011-03-23 | 2012-09-27 | Ericom Software Ltd. | Performing binary composition of images onto an html canvas element |
| CN102866886A (en) * | 2012-09-04 | 2013-01-09 | 北京航空航天大学 | Web-based visual algorithm animation development system |
| CN102902533A (en) * | 2012-09-17 | 2013-01-30 | 乐视网信息技术（北京）股份有限公司 | Frame revealing system and method of generating diagram by combining Java and HTML5 (Hypertxt Markup Language) |
| CN105468377A (en) * | 2015-12-10 | 2016-04-06 | 北京中科汇联科技股份有限公司 | Method and system for generating page of mobile terminal |
| CN108628924A (en) * | 2017-11-30 | 2018-10-09 | 昆山乌班图信息技术有限公司 | A method of the html5 pages are generated based on JavaScript |
| CN108509195A (en) * | 2017-12-12 | 2018-09-07 | 平安科技（深圳）有限公司 | Production method, electronic device and the readable storage medium storing program for executing of H5 loose-leafs |
Non-Patent Citations (1)
| Title |
|---|
| 台雯: ""基于HTML5 Canvas实现二维动画的研究"", 《天津职业院校联合学报》 * |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110191293A (en) * | 2019-04-18 | 2019-08-30 | 视联动力信息技术股份有限公司 | Information demonstrating method and device |
| CN110727481A (en) * | 2019-09-06 | 2020-01-24 | 平安国际智慧城市科技股份有限公司 | Picture editing method and device, computer equipment and storage medium |
| CN110727383A (en) * | 2019-09-18 | 2020-01-24 | 北京百度网讯科技有限公司 | Touch interaction method and device based on small program, electronic equipment and storage medium |
| CN110727383B (en) * | 2019-09-18 | 2024-05-28 | 北京百度网讯科技有限公司 | Touch interaction method and device based on small program, electronic equipment and storage medium |
| CN111124374A (en) * | 2019-12-26 | 2020-05-08 | 南方电网科学研究院有限责任公司 | Method for realizing special effect animation based on Electron and HTML5 |
| CN111124374B (en) * | 2019-12-26 | 2023-09-12 | 南方电网科学研究院有限责任公司 | Method for realizing special effect animation based on Electron and HTML5 |
| CN111242688A (en) * | 2020-01-13 | 2020-06-05 | Oppo广东移动通信有限公司 | Animation resource manufacturing method and device, mobile terminal and storage medium |
| CN111753241A (en) * | 2020-07-01 | 2020-10-09 | 浪潮云信息技术股份公司 | Method and system for drawing multifunctional time template based on canvas |
| CN113934876A (en) * | 2021-12-21 | 2022-01-14 | 成都泰盟软件有限公司 | Web-based job approval method, device and system |
| CN113934876B (en) * | 2021-12-21 | 2022-02-22 | 成都泰盟软件有限公司 | Web-based job approval method, device and system |
| CN117311708A (en) * | 2023-09-18 | 2023-12-29 | 中教畅享(北京)科技有限公司 | Dynamic modification method and device for resource display page in 3D scene of webpage end |
| CN117311708B (en) * | 2023-09-18 | 2024-04-05 | 中教畅享科技股份有限公司 | Dynamic modification method and device for resource display page in 3D scene of webpage end |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109634603B (en) | 2020-06-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109634603A (en) | A kind of H5 page animation method and apparatus based on Canvas painting canvas | |
| US11741644B2 (en) | Vector graphics based live sketching metods and systems | |
| CN103077239B (en) | Based on the iFrame embedded Web 3D system that cloud is played up | |
| US11514620B1 (en) | Methods and systems for generating graphical content through physical system modelling | |
| CN107832108A (en) | Rendering intent, device and the electronic equipment of 3D canvas web page elements | |
| CN107992301A (en) | User interface implementation method, client and storage medium | |
| CN109656654B (en) | Editing method of large-screen scene and computer-readable storage medium | |
| CN110456956A (en) | Screenshot method, device, computer equipment and storage medium | |
| CN104090979A (en) | Method and device for editing webpage | |
| CN109471900A (en) | Chart class data self action data exchange method and system, computer program | |
| CN102866886A (en) | Web-based visual algorithm animation development system | |
| CN113411664B (en) | Video processing method and device based on sub-application and computer equipment | |
| CN105635464A (en) | Message processing method and apparatus | |
| CN109725902A (en) | A kind of H5 page animation method and system of complex interaction logic | |
| CN107168703A (en) | A kind of flow drawing generating method and system based on SVG plug-in units | |
| US10013788B2 (en) | Method and system for generating crowd animation and computer-readable recording medium | |
| CN111694493B (en) | Webpage screenshot method, computer equipment and readable storage medium | |
| CN104714713A (en) | Page interaction method and page management device | |
| CN106919321A (en) | A kind of information interacting method and device, user equipment | |
| CN106909263A (en) | The interactive display method and system of 3-D view | |
| CN106484732A (en) | A kind of upload management method of Web page picture and system | |
| CN115544311A (en) | Data analysis method and device | |
| CN109814780A (en) | A kind of electronic message leaving volume edit methods, device and medium | |
| KR20150085869A (en) | App-book builder system using hierarchical structure and timeline | |
| US11966572B2 (en) | Commenting feature for graphic design systems |
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 | ||
| CB02 | Change of applicant information |
Address after: 510620 room 4722, Tower B, No. 191, TIYU West Road, Tianhe District, Guangzhou City, Guangdong Province (office only) Applicant after: Guangdong Zhihe chuangxiang Network Technology Co., Ltd Address before: 510620 Room 4722-4723, Tower B, Sinopec Building, 191 Sports West Road, Tianhe District, Guangzhou City, Guangdong Province Applicant before: Guangdong Zhihe Creative Marketing Planning Co., Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |