CN109634603B - Method and device for making H5 page based on Canvas - Google Patents

Method and device for making H5 page based on Canvas Download PDF

Info

Publication number
CN109634603B
CN109634603B CN201811440884.7A CN201811440884A CN109634603B CN 109634603 B CN109634603 B CN 109634603B CN 201811440884 A CN201811440884 A CN 201811440884A CN 109634603 B CN109634603 B CN 109634603B
Authority
CN
China
Prior art keywords
canvas
rendering model
rendering
animation
user
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.)
Active
Application number
CN201811440884.7A
Other languages
Chinese (zh)
Other versions
CN109634603A (en
Inventor
谢阿妮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Zhihe Chuangxiang Network Technology Co Ltd
Original Assignee
Guangdong Zhihe Chuangxiang Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangdong Zhihe Chuangxiang Network Technology Co Ltd filed Critical Guangdong Zhihe Chuangxiang Network Technology Co Ltd
Priority to CN201811440884.7A priority Critical patent/CN109634603B/en
Publication of CN109634603A publication Critical patent/CN109634603A/en
Application granted granted Critical
Publication of CN109634603B publication Critical patent/CN109634603B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION 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/00Commerce
    • G06Q30/02Marketing; Price estimation or determination; Fundraising
    • G06Q30/0207Discounts or incentives, e.g. coupons or rebates

Abstract

The invention provides a Canvas-based H5 page manufacturing method, an electronic device and a storage medium, wherein the electronic device and the manufacturing method are applied to a marketing planning platform and are simple to operate; intercepting a command for creating Canvas on an H5 page, intercepting an instruction for adding element objects of the Canvas, intercepting a command for generating a rendering model of a Canvas image, intercepting a command for selecting the rendering model of a system and intercepting an animation generation command for the selected rendering model; the method comprises the steps that an image required by a user is drawn on Canvas, and the image is packaged into a rendering model for calling; selecting a required rendering model, arranging and superposing the rendering model to finally form an animation; the method and the system enable non-professional marketing people to plan or browse the animation pages of the activities, realize the planning of the marketing activities, enable the marketing contents to be rich and vivid, have low-cost and high-benefit propagation efficiency, and achieve better marketing effect.

Description

Method and device for making H5 page based on Canvas
Technical Field
The invention relates to the technical field of computers, in particular to a Canvas-based H5 page making method and device.
Background
The marketing campaign plan is the most popular product publicizing and popularizing mode at present, and with the increasing of large-scale campaigns in China at present, the traditional large-scale campaign mode mainly based on the human management mode is greatly impacted, equipment resources and the like cannot be reasonably utilized, managers cannot master various dynamic data of the large-scale campaigns in real time, and sites, equipment, management and the like cannot be fully utilized and shared.
With the continuous development of modern information technology, high-speed mobile communication networks, smart phones and tablet computers are spread throughout the lives of people, the mobile terminal technology is applied to marketing activities, the marketing service quality and the elder are improved, the front end of a business system is expanded to the activity site of the marketing services, interaction between the activity site and background applications is timely and smooth, and the flow is seamlessly integrated.
In order to meet the market and user requirements, various marketing activity planning platforms are developed by various enterprises for users to plan and issue activities; in order to enrich the content of the activity planning scheme, the marketing activity planning platform can provide various element objects for the user to plan the activity, so that the activity content planned by the user can have eye-catching points, and the activity page is as rich and colorful as possible;
however, the existing marketing planning platform often does not have the function of video editing or animation editing; in the planning process of the marketing activity, the effect of the animation is colored relatively to the plane, so that the importance of the function of online animation editing or video in the marketing platform is increasingly highlighted; for users, the richness of the marketing campaign planning platform function determines the content and marketing effect of the marketing campaign page, so the marketing platform or platform with the online animation or video editing function becomes an urgent need of the marketing campaign planning users.
Disclosure of Invention
In order to solve the technical problems, the invention provides a method for manufacturing a page of H5(Hyper Text markup language 5, fifth generation hypertext markup language) based on Canvas, an electronic device and a storage medium.
The technical scheme adopted by the invention is as follows:
a method for making H5(Hyper Text Markup Language 5, HTML5, fifth generation hypertext Markup Language) pages based on Canvas, the method comprising the steps of:
s1, intercepting a Canvas creating instruction for an H5 page, and transmitting instruction information carried by the Canvas creating instruction to a system; generating Canvas according to the instruction information;
s2, intercepting an element object adding instruction of the Canvas, transmitting instruction information carried by the element object adding instruction to a system, adding a corresponding element object on the Canvas to form a Canvas image according to the instruction information, and storing the Canvas image to the system;
s3, intercepting a command for generating a rendering model of the Canvas image, transmitting command information carried by the command for generating the rendering model to a system, packaging the Canvas image stored in the system into a plurality of rendering models according to the command information, and storing the rendering models into the system;
s4, intercepting a command for selecting a rendering model for the system, transmitting command information carried by the command for selecting the rendering model to the system, selecting a corresponding rendering model according to the command information, and sending an animation generation command;
s5, intercepting animation generation instructions for the selected rendering models, transmitting instruction information carried by the animation generation instructions to a system, reading the selected rendering models according to the instruction information, arranging and superposing the rendering models to form an animation prototype, selecting a plurality of functions in the system, and generating corresponding mapping for the animation prototype along with the change of a time axis to form the animation.
The page making method further comprises the following steps: s6, intercepting an operation instruction of the rendering model, transmitting instruction information carried by the operation instruction to a system, and performing modification operation or query operation on the rendering model according to the instruction information;
intercepting and capturing an operation instruction of the rendering model, wherein the instruction is realized by adopting the following mode:
s61, acquiring mouse operation of a user in a Canvas layout area of an H5 page;
s62, judging whether a rendering model exists at the position of mouse operation, if so, executing a step S63;
and S63, adding a mark to the rendering model to serve as a state to be operated.
The modification operation comprises editing, adding and deleting, and correspondingly generates an editing instruction, an adding instruction and a deleting instruction.
An electronic device comprising a processor and a memory, the memory having stored thereon a Canvas-based H5(Hyper Text Markup Language 5, HTML5, fifth generation hypertext Markup Language) page production system executable by the processor for a marketing platform, the production system comprising:
the Canvas creating module is used for creating a Canvas on a webpage by a user through a terminal device, wherein the Canvas is used as a carrier of an H5 (namely HTML5) page, and the Canvas is used for drawing an image;
the element object adding module is used for acquiring the element object selected by the user, drawing the element object on Canvas according to the drawing path of the user to form a Canvas image, and storing the Canvas image in the memory;
the animation management module is used for generating, selecting and editing rendering models containing different element objects to form animation and storing the animation;
the animation management module comprises a rendering model generation unit, a rendering model library unit, a rendering model selection unit and an animation generation unit;
the rendering model generation unit is used for acquiring Canvas images stored in the memory, packaging each Canvas image drawn by a user into a plurality of rendering models through an Application Program Interface (API), and storing the packaged rendering models into a rendering model library to read and call the rendering models;
the rendering model library unit is used for storing a rendering model designed by a user;
the rendering model selection unit is used for selecting the rendering model stored in the rendering model library unit by a user and sending the rendering model to the animation design unit;
the animation generation unit is used for arranging and superposing a plurality of rendering models selected by a user to form an animation prototype; the animation design unit stores a plurality of functions, and by selecting different functions, corresponding element objects in a rendering model contained in an animation prototype are changed correspondingly along a time axis to form an animation and store the animation in a memory.
The rendering model is composed of a main container; the main container at least comprises basic information, an interaction triggering layer, a content layer and a modification layer;
the basic information is basic information of the element object carried by the rendering model, and the basic information at least comprises the size, the position, the transparency and the rotation angle of the element object.
The interaction triggering layer interacts with a user through a user interface, the user interface is triggered by user behaviors (namely mouse clicking or touch screen clicking), and after the interaction triggering layer interacts with the interaction triggering layer of the rendering model, operation responses generated after the user behaviors trigger the rendering model are fed back.
Preferably, the operation response is to change the rendering model into a standby state.
The content layer comprises display rendering content corresponding to the production element object;
the modification layer comprises a background and a frame of the rendering model.
The user interface is a data interface for modifying or inquiring the rendering model; the modification operation comprises adding, deleting or editing the information of the rendering model.
Preferably, the terminal device is a PC terminal or a mobile terminal.
Preferably, the function may be a linear function, a uniform velocity motion function, or a third order bezier curve function.
Specifically, the attributes of the rendering model, such as position, size, transparency, rotation angle, etc., can generate corresponding variation according to the variation rule of the function itself by using a linear function, a uniform variable speed motion function, a third-order bezier curve function, etc., i.e., the function f (t), along with the time t, so as to realize the corresponding variation of the attributes of the rendering model (i.e., the position, size, transparency, rotation angle, etc.) along with the time t, thereby enabling the rendering model to present dynamic variation, i.e., animation, along with the time t.
A computer-readable storage medium having stored therein a Canvas-based H5 page production system, executable by at least one processor, to cause the at least one processor to perform the steps of the Canvas-based H5 page production method as claimed in any one of the preceding claims.
The invention has the beneficial effects that:
the invention provides a Canvas-based H5 page manufacturing method, an electronic device and a storage medium, wherein the electronic device and the manufacturing method are applied to a marketing planning platform and are simple to operate; the method comprises the steps that an image required by a user is drawn on Canvas, and the image is packaged into a rendering model for calling; selecting a required rendering model, arranging and superposing the rendering model to finally form an animation; the marketing planning platform applying the manufacturing method and the device faces to each terminal user, so that non-professional marketing people can plan or browse the animation page of the activity, marketing activity planning is realized, marketing contents are abundant and vivid, the marketing planning platform has low cost and high benefit propagation efficiency, and a better marketing effect is achieved.
Drawings
FIG. 1 is a schematic flow chart of a manufacturing method of the present invention;
FIG. 2 is a schematic diagram of a manufacturing system according to the present invention;
FIG. 3 is a diagram of a rendering model framework according to the present invention.
Detailed Description
The following further describes embodiments of the present invention with reference to the drawings.
As shown in fig. 1 to 3, in the present application, a method for making a H5(Hyper Text markup language 5, fifth generation hypertext markup language) page based on a Canvas, an electronic device, and a storage medium are provided. The details are described in the following examples one by one.
According to the Canvas-based H5 page making method, the terminal device is a PC terminal. The core basic idea is as follows: intercepting a Canvas creating instruction for an H5 page, and creating a Canvas on an H5 page;
intercepting an element object adding instruction of the Canvas, namely adding an element object to the created Canvas, and drawing the Canvas image according to a drawing path of a user (for example, selecting an eye element on the Canvas, drawing the Canvas into a pair of eyes, and drawing the pair of eyes to be open, tight or open and close according to the requirements of the user);
intercepting a command for generating a rendering model for the Canvas image, namely packaging the Canvas image drawn by a user into the rendering model, and packaging N images into N rendering models if the user draws N Canvas images; (for example, a user can draw an eye image, a nose image, an ear image, a mouth image and the like, and package the images into rendering models one by one, and when the user makes an animation, the images can be selected and called as required);
intercepting a command for selecting a rendering model from the system, namely selecting the rendering models drawn by N users stored in the system, and selecting the rendering model required by the user according to the requirements for making a user page, for example, the user selects two rendering models, and the contents of the two rendering models are a pair of eyes and a mouth respectively;
intercepting animation generation instructions for the selected rendering model, namely arranging and overlapping a pair of eyes and a mouth selected by a user, and overlapping the two eyes and the mouth into an animation prototype according to the production requirements of the user, namely the animation prototype comprises elements of a pair of eyes and a mouth; and selecting a function for the animation prototype to enable elements (a pair of eyes and a mouth) on the animation prototype to generate corresponding mapping along with time to form the animation.
If a user needs to modify the manufactured rendering model, for example, eyelashes are added to a pair of eyes, an operation instruction for the rendering model is intercepted, and modification operation is performed on the rendering model; acquiring mouse operation of a user in a Canvas drawing area of an H5 page; judging whether the position of mouse operation exists on the rendering model (namely in the area of a pair of eyes), if the mouse is in the area of the pair of eyes, adding a mark to the rendering model (the pair of eyes) as a state to be operated; thereby modifying the rendering model.
The application provides an electronic device, which comprises a processor and a memory, wherein the memory stores a Canvas-based H5 page making system which can be executed by the processor, the system is used for a marketing platform and comprises the following modules:
the Canvas creating module is used for creating Canvas on a webpage by a user through terminal equipment (a PC end), the Canvas is used as a carrier of an H5 page, and the Canvas is used for drawing an image;
the element object adding module is used for acquiring the manufacturing element object selected by the user, drawing the manufacturing element object on Canvas into a Canvas image according to the drawing path of the user, and storing the Canvas image in the memory;
the animation management module is used for generating, selecting and editing rendering models containing different element objects to form animation and storing the animation;
the animation management module comprises a rendering model generation unit, a rendering model library unit, a rendering model selection unit and an animation generation unit;
the rendering model generation unit is used for acquiring Canvas images stored in the memory, packaging each Canvas image drawn by a user into a plurality of rendering models through an API (application programming interface), and storing the packaged rendering models into a rendering model library to read and call the rendering models;
the rendering model library unit is used for storing a rendering model designed by a user;
the rendering model selection unit is used for selecting the rendering model stored in the rendering model library unit by a user and sending the rendering model to the animation design unit;
the animation generation unit is used for arranging and superposing a plurality of rendering models selected by a user to form an animation prototype; the animation design unit stores a plurality of functions, and by selecting different functions, corresponding element objects in a rendering model contained in an animation prototype are changed correspondingly along a time axis to form an animation and store the animation in a memory.
The rendering model is composed of a main container and a user interface; the main container at least comprises basic information, an interaction triggering layer, a content layer and a modification layer.
The basic information includes at least a size, a position, a transparency, and a rotation angle of the element object.
And the interaction triggering layer interacts with a user through a user interface, the user interface is triggered by user behavior, and after the user interface interacts with the interaction triggering layer of the rendering model, an operation response generated after the user behavior triggers the rendering model is fed back.
The user interface is a data interface for modifying or inquiring the rendering model; the modification operation comprises adding, deleting or editing the information of the rendering model.
Specifically, the application scenarios of the manufacturing method are different according to different terminal devices; for example, when the terminal device is a PC terminal, the PC terminal and the rendering model form a PC terminal editor, and a user can directly perform intuitive operations such as selection, movement, scaling, rotation and the like on the rendering model through a user interface; meanwhile, editing panels aiming at different attributes of different rendering models and editing panels of motion state information (namely mapping generated after the function F (t)) common to all rendering models can be manufactured; when a user selects one of the rendering models, the synchronous change of the rendering models on the canvas can be realized by operating the editing panel and calling the information in the main container. When the terminal device is a mobile terminal, the mobile terminal and the rendering model form a mobile terminal editor, and the functions presented by the PC terminal editor can be realized.
A computer-readable storage medium having stored therein a Canvas-based H5 page production system, executable by at least one processor, to cause the at least one processor to perform the steps of the Canvas-based H5 page production method as set forth in any one of the preceding claims.
Variations and modifications to the above-described embodiments may occur to those skilled in the art, which fall within the scope and spirit of the above description. Therefore, the present invention is not limited to the specific embodiments disclosed and described above, and some modifications and variations of the present invention should fall within the scope of the claims of the present invention. Furthermore, although specific terms are employed herein, they are used in a generic and descriptive sense only and not for purposes of limitation.

Claims (10)

1. A method for manufacturing an H5 page based on Canvas is characterized by comprising the following steps: the method comprises the following steps:
s1, intercepting a Canvas creating instruction for an H5 page, and transmitting instruction information carried by the Canvas creating instruction to a system; generating Canvas according to the instruction information;
s2, intercepting an element object adding instruction of the Canvas, transmitting instruction information carried by the element object adding instruction to a system, adding a corresponding element object on the Canvas to form a Canvas image according to the instruction information, and storing the Canvas image to the system;
s3, intercepting a command for generating a rendering model of the Canvas image, transmitting command information carried by the command for generating the rendering model to a system, packaging the Canvas image stored in the system into a plurality of rendering models according to the command information, and storing the rendering models into the system;
s4, intercepting a command for selecting a rendering model for the system, transmitting command information carried by the command for selecting the rendering model to the system, selecting a corresponding rendering model according to the command information, and sending an animation generation command;
s5, intercepting animation generation instructions for the selected rendering models, transmitting instruction information carried by the animation generation instructions to a system, reading the selected rendering models according to the instruction information, arranging and superposing the rendering models to form an animation prototype, selecting a plurality of functions in the system, and generating corresponding mapping for the animation prototype along with the change of a time axis to form an animation;
wherein, the structure of the rendering model formed by encapsulation in the step S3 is: the rendering model is composed of a main container; the main container at least comprises basic information, an interaction triggering layer, a content layer and a modification layer;
the basic information is basic information of an element object carried by the rendering model, and the basic information at least comprises the size, the position, the transparency and the rotation angle of the element object;
the interaction triggering layer interacts with a user through a user interface, the user interface is triggered by user behaviors, and after the user interface interacts with the interaction triggering layer of the rendering model, an operation response generated after the user behaviors trigger the rendering model is fed back;
the content layer comprises display rendering content corresponding to the production element object;
the modification layer comprises a background and a frame of the rendering model;
the user interface is a data interface for modifying or inquiring the rendering model;
in the step S5, the function includes a linear function, a uniform velocity motion function, or a third order bezier curve function.
2. The method of manufacturing according to claim 1, wherein: the page making method further comprises the following steps: s6, intercepting an operation instruction of the rendering model, transmitting instruction information carried by the operation instruction to a system, and modifying operation or inquiring operation is carried out on the rendering model according to the instruction information.
3. The method of manufacturing according to claim 2, wherein: intercepting and capturing an operation instruction of the rendering model, wherein the instruction is realized by adopting the following mode:
s61, acquiring mouse operation of a user in a Canvas layout area of an H5 page;
s62, judging whether a rendering model exists at the position of mouse operation, if so, executing a step S63;
and S63, adding a mark to the rendering model to serve as a state to be operated.
4. The method of manufacturing according to claim 2, wherein: the modification operation comprises editing, adding and deleting, and correspondingly generates an editing instruction, an adding instruction and a deleting instruction.
5. A Canvas-based H5 page making system applying the making method of any one of claims 1 to 4, wherein the system is used for a marketing platform, and the making system comprises:
the Canvas creating module is used for creating Canvas on a webpage by a user through terminal equipment, the Canvas is used as a carrier of an H5 page, and the Canvas is used for performing image drawing;
the element object adding module is used for acquiring the manufacturing element object selected by the user, drawing the manufacturing element object on Canvas into a Canvas image according to the drawing path of the user, and storing the Canvas image in the memory;
the animation management module is used for generating, selecting and editing rendering models containing different element objects to form animation and storing the animation;
the animation management module comprises a rendering model generation unit, a rendering model library unit, a rendering model selection unit and an animation generation unit;
the rendering model generation unit is used for acquiring Canvas images stored in the memory, packaging each Canvas image drawn by a user into a plurality of rendering models through an API (application programming interface), and storing the packaged rendering models into a rendering model library to read and call the rendering models;
the rendering model library unit is used for storing a rendering model designed by a user;
the rendering model selection unit is used for selecting the rendering model stored in the rendering model library unit by a user and sending the rendering model to the animation design unit;
the animation generation unit is used for arranging and superposing a plurality of rendering models selected by a user to form an animation prototype; the animation design unit stores a plurality of functions, and by selecting different functions, corresponding element objects in a rendering model contained in an animation prototype are changed correspondingly along a time axis to form an animation and store the animation in a memory.
6. The manufacturing system of claim 5, wherein: the rendering model is composed of a main container and a user interface; the main container at least comprises basic information, an interaction triggering layer, a content layer and a modification layer.
7. The manufacturing system of claim 6, wherein: the basic information includes at least a size, a position, a transparency, and a rotation angle of the element object.
8. The manufacturing system of claim 6, wherein: and the interaction triggering layer interacts with a user through a user interface, the user interface is triggered by user behavior, and after the user interface interacts with the interaction triggering layer of the rendering model, an operation response generated after the user behavior triggers the rendering model is fed back.
9. The manufacturing system of claim 6, wherein: the user interface is a data interface for modifying or inquiring the rendering model; the modification operation comprises adding, deleting or editing the information of the rendering model.
10. A computer-readable storage medium characterized by: the computer-readable storage medium having stored thereon the Canvas-based H5 page authoring system of any one of claims 5-9 as recited in any one of claims 5-9, the Canvas-based H5 page authoring system being executable by at least one processor to cause the at least one processor to perform the steps of the Canvas-based H5 page authoring method of any one of claims 1-4.
CN201811440884.7A 2018-11-28 2018-11-28 Method and device for making H5 page based on Canvas Active CN109634603B (en)

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 CN109634603A (en) 2019-04-16
CN109634603B true 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)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
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
CN111124374B (en) * 2019-12-26 2023-09-12 南方电网科学研究院有限责任公司 Method for realizing special effect animation based on Electron and HTML5
CN111242688B (en) * 2020-01-13 2023-06-30 Oppo广东移动通信有限公司 Animation resource production method and device, mobile terminal and storage medium
CN113934876B (en) * 2021-12-21 2022-02-22 成都泰盟软件有限公司 Web-based job approval method, device and system
CN117311708B (en) * 2023-09-18 2024-04-05 中教畅享科技股份有限公司 Dynamic modification method and device for resource display page in 3D scene of webpage end

Family Cites Families (6)

* Cited by examiner, † Cited by third party
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
CN102866886B (en) * 2012-09-04 2015-04-29 北京航空航天大学 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

Also Published As

Publication number Publication date
CN109634603A (en) 2019-04-16

Similar Documents

Publication Publication Date Title
CN109634603B (en) Method and device for making H5 page based on Canvas
US11640492B2 (en) System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout
US10620948B2 (en) Application system for multiuser creating and editing of applications
CN107844297B (en) Data visualization implementation system and method
CN108279964B (en) Method and device for realizing covering layer rendering, intelligent equipment and storage medium
US20190139314A1 (en) Augmented virtual reality
CN102360288B (en) Scriptable full-configuration HMI (Human Machine Interface) system driven by real-time data
CN110069257A (en) A kind of interface processing method, device and terminal
CN104216691A (en) Application creating method and device
CN102135873A (en) Method and device for creating user interface
CN106991096A (en) Dynamic page rendering intent and device
CN106354355A (en) User interface layout method, device and system
CN109725902A (en) A kind of H5 page animation method and system of complex interaction logic
CN114780077A (en) Webpage visual editing device and method
CN110443880A (en) Image rendering method, device, storage medium and electronic equipment
CN106407227A (en) Dynamic webpage display method and system
CN114564534A (en) Scene-based visual configuration platform and implementation method
CN103970513A (en) Source data information access method and platform
WO2023093327A1 (en) Target program testing method and apparatus, and device and storage medium
CN116452786B (en) Virtual reality content generation method, system, computer device and storage medium
Picchi et al. Pro IOS Web Design and Development: HTML5, CSS3, and JavaScript with Safari
Yan et al. Research and Application of Configuration Animation Technology for Power Grid Dispatching and Control Systems Based on CIM/G
CN117806755A (en) Method and device for processing component, storage medium and electronic device
Pohja et al. CSS layout engine for compound documents
CN116048491A (en) Tdu virtual simulation visual editor and editing method thereof

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
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.

GR01 Patent grant
GR01 Patent grant