CN109634603B - 一种基于Canvas画布的H5页面制作方法和装置 - Google Patents

一种基于Canvas画布的H5页面制作方法和装置 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
English (en)
Other versions
CN109634603A (zh
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/zh
Publication of CN109634603A publication Critical patent/CN109634603A/zh
Application granted granted Critical
Publication of CN109634603B publication Critical patent/CN109634603B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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

本发明提供一种基于Canvas画布的H5页面制作方法、电子装置以及存储介质，该电子装置及制作方法应用于营销策划平台，其操作简单；所述制作方法步骤为截获对H5页面创建Canvas画布指令、截获对Canvas画布的元素对象添加指令、截获对Canvas图像的生成渲染模型指令、截获对***选取渲染模型指令以及截获对选取的渲染模型的动画生成指令；通过在Canvas画布上绘制用户所需图像，并对该图像封装为渲染模型，以供调取；通过选取所需渲染模型，并对其排列、叠加，最终形成动画；使非专业营销人士能进行策划或浏览活动的动画页面，实现营销活动的策划，使营销内容丰富生动，具有低成本、高效益的传播效率，达到较好的营销效果。

Description

一种基于Canvas画布的H5页面制作方法和装置
技术领域
本发明涉及计算机技术领域，特别是涉及一种基于Canvas画布的H5页面制作方法和装置。
背景技术
营销活动的策划是当下最流行的产品宣传和推广方式，随着目前国内大型活动的日趋增多，传统的以人为管理模式为主的大型活动模式受到了较大的冲击，设备资源等不能得到合理利用，管理者无法实时掌握大型活动的各项动态资料，场地、设备、经营等无法得到充分利用及共享。
随着现代化信息技术的不断发展，高速移动通信网络、智能手机、平板电脑已经遍布人们的生活，将移动终端技术应用于营销活动中，提升营销服务质量以及长辈，将业务***的前端扩展到营销业务的活动现场，实现活动现场与后台应用之间交互及时畅通、流程无缝集成，利用移动终端的无线通信、GPS、条码扫描、拍照、录音等功能提高活动现场的营销质量以及业务管理效率，使活动现场的作业数字化、网络化、信息化、智能化，提高工作效率和营销服务工作水平，加强终端治理、现场管控，建立科学、规范、高效的工作流程。
为了迎合市场以及用户需要，诸多企业研发了各式各样的营销活动策划平台供用户进行活动策划与发布；为了丰富活动策划方案的内容，营销活动策划平台会提供各种元素对象给予用户进行活动策划，以达到用户策划的活动内容能具有吸睛点，且活动页面尽可能丰富多彩的效果；
但现有营销策划平台中，往往不具有视频编辑或动画编辑的功能；而动画在营销活动的策划过程中，其效果相对平面出彩，这使得具有在线动画编辑或视频的功能在营销平台中的重要性日益突出；对用户而言，营销活动策划平台功能的丰富性决定了营销活动页面的内容以及营销效果，故具有在线动画或视频编辑功能的营销平台或平台，成为营销活动策划用户的迫切需求。
发明内容
为解决以上技术问题，本发明提供一种基于Canvas画布的H5(Hyper Text MarkupLanguage 5，第五代超文本标记语言)页面制作方法、电子装置以及存储介质，该电子装置及制作方法应用于营销策划平台，面向各终端用户，使非专业营销人士能进行策划或浏览活动的动画页面，实现营销活动的策划，使营销内容丰富生动，具有低成本、高效益的传播效率，达到较好的营销效果。
本发明采用的技术方案如下：
一种基于Canvas画布的H5(Hyper Text Markup Language 5，HTML5，第五代超文本标记语言)页面制作方法，所述方法包括以下步骤：
S1.截获对H5页面创建Canvas画布指令，将所述创建Canvas画布指令携带的指令信息传送至***；根据该指令信息，生成Canvas画布；
S2.截获对Canvas画布的元素对象添加指令，将所述元素对象添加指令携带的指令息传送至***，根据该指令信息，在Canvas画布上添加相应的元素对象形成Canvas图像，并将Canvas图像存储至***；
S3.截获对Canvas图像的生成渲染模型指令，将所述生成渲染模型指令携带的指令信息传送至***，根据该指令信息，将***中存储的Canvas图像封装为若干个渲染模型，并将渲染模型存储至***中；
S4.截获对***选取渲染模型指令，将所述选取渲染模型指令携带的指令信息传送至***，根据该指令信息，选取相应的渲染模型，并发送动画生成指令；
S5.截获对选取的渲染模型的动画生成指令，将所述动画生成指令携带的指令信息传送至***，根据该指令信息，读取选取的若干个渲染模型，进行排列、叠加，形成动画原形并选取***内的若干个函数，并将动画原形随时间轴的变化产生相应的映射，形成动画。
所述页面制作方法还包括步骤：S6.截获对渲染模型的操作指令，将所述操作指令携带的指令信息传送至***，根据该指令信息，对渲染模型进行修改操作、或查询操作；
所述截获对渲染模型的操作指令，该指令采用如下方式实现：
S61.获取用户在H5页面的Canvas画布区域内的鼠标操作；
S62.判断鼠标操作的位置是否存在渲染模型，若是存在，执行步骤S63；
S63.给所述渲染模型添加标志作为待操作状态。
所述修改操作包括编辑、增加和删除，对应生成编辑指令、增加指令和删除指令。
一种电子装置，包括处理器与存储器，所述存储器上存储有可被所述处理器执行的基于Canvas画布的H5(Hyper Text Markup Language 5，HTML5，第五代超文本标记语言)页面制作***，该***用于营销平台，所述制作***包括：
画布创建模块，用于用户通过终端设备在网页上创建Canvas画布，且Canvas画布作为H5(即HTML5)页面的载体，所述Canvas画布为进行图像绘制的画布；
元素对象添加模块，用于获取用户所选择的元素对象，并按照用户的绘制路径，将制作元素对象在Canvas画布上进行绘制成Canvas图像，并保存至存储器中；
动画管理模块，用于对包含不同元素对象的渲染模型进行生成、选取、编辑形成动画并贮存；
所述动画管理模块包括渲染模型生成单元、渲染模型库单元、渲染模型选取单元以及动画生成单元；
渲染模型生成单元，用于获取存储器中所存储的Canvas图像，并通过API接口(Application Program Interface，应用程序接口)对用户所绘制的每个Canvas图像封装为若干个渲染模型，并将封装好的渲染模型存储至渲染模型库中，实现渲染模型的读取、调用；
渲染模型库单元，用于存储用户所设计的渲染模型；
渲染模型选取单元，用于用户选取渲染模型库单元里存储的渲染模型，并发送至动画设计单元；
动画生成单元，用于将用户选取的若干个渲染模型进行排列、叠加，形成动画原形；所述动画设计单元存储有若干个函数，通过选取不同的函数，使动画原形所包含的渲染模型中相应的元素对象随时间轴发生相应的变化，形成动画并贮存于存储器中。
所述渲染模型由主容器构成；所述主容器至少包括基本信息、交互触发层、内容层以及修饰层；
所述基本信息为渲染模型所携带的元素对象的基本信息，基本信息至少包括元素对象的大小、位置、透明度及旋转角度。
所述交互触发层通过用户界面与用户进行交互，所述用户界面受用户行为(即鼠标点击或触屏点击)触发，与渲染模型的交互触发层交互后，反馈用户行为触发渲染模型后产生的操作响应。
优选的，所述操作响应为将渲染模型变成待操作状态。
所述内容层包含制作元素对象对应的显示渲染内容；
所述修饰层包含渲染模型的背景、边框。
所述用户界面为对渲染模型进行修改操作或查询操作的数据接口；所述修改操作包括对渲染模型的信息进行增加、删除或编辑。
优选的，所述终端设备为PC端或移动端。
优选的，所述函数可为线性函数、匀变速运动函数或三阶贝塞尔曲线函数。
具体的，渲染模型的位置、大小、透明度、旋转角度等属性，可通过使用线性函数、匀变速运动函数、三阶贝塞尔曲线函数等，即函数f(t)随时间t按函数本身的变化规律产生相应的变化量，实现渲染模型属性(即其位置、大小、透明度、旋转角度等)随时间t产生相应的变化，从而使渲染模型随时间t呈现动态变化，即动画。
一种计算机可读存储介质，所述计算机可读存储介质内存储有基于Canvas画布的H5页面制作***，所述基于Canvas画布的H5页面制作***可被至少一个处理器所执行，以使所述至少一个处理器执行如前述中任一项所述基于Canvas画布的H5页面制作方法的步骤。
本发明的有益效果：
本发明提供一种基于Canvas画布的H5页面制作方法、电子装置以及存储介质，该电子装置及制作方法应用于营销策划平台，其操作简单；通过在Canvas画布上绘制用户所需图像，并对该图像封装为渲染模型，以供调取；通过选取所需渲染模型，并对其排列、叠加，最终形成动画；该应用有所述制作方法与装置的营销策划平台面向各终端用户，使非专业营销人士能进行策划或浏览活动的动画页面，实现营销活动的策划，使营销内容丰富生动，具有低成本、高效益的传播效率，达到较好的营销效果。
附图说明
图1为本发明的制作方法的流程示意图；
图2为本发明的制作***结构示意图；
图3为本发明的渲染模型框架示意图。
具体实施方式
下面结合附图对本发明的具体实施方式作进一步说明。
如图1-3所示，在本申请中，提供了一种基于Canvas画布的H5(Hyper Text MarkupLanguage 5，第五代超文本标记语言)页面制作方法、电子装置以及存储介质。在下面的实施例中逐一进行详细地说明。
本申请提供的基于Canvas画布的H5页面制作方法，其终端设备为PC端。其核心的基本思想为：截获对H5页面创建Canvas画布指令，在H5页面上创建Canvas画布；
截获对Canvas画布的元素对象添加指令，即在所创建的Canvas画布添加元素对象，按用户的绘制路径，将其绘制为Canvas图像(例如在画布上选取了眼睛元素，将其绘画成一对眼睛，这对眼睛可根据用户需求，绘画成睁开、紧闭或一睁一闭)；
截获对Canvas图像的生成渲染模型指令，即将用户绘制好的Canvas图像封装为渲染模型，用户若绘制了N个Canvas图像，则将N个图像封装为N个渲染模型；(例如：用户可以绘制眼睛图像、鼻子图像、耳朵图像、嘴巴图像等，并逐个封装为渲染模型，在用户制作动画时，可按照需求进行选取、调用)；
截获对***选取渲染模型指令，即对存储在***中的N个用户绘的渲染模型进行选取，根据用户页面制作的需求，选择用户所需的渲染模型，例如用户选取了两个渲染模型，两个渲染模型的内容分别为一双眼睛、一张嘴巴；
截获对选取的渲染模型的动画生成指令，即对用户所选取的一双眼睛、一张嘴巴进行排列、叠加，按用户的制作需求，叠加为动画原形，即该动画原形包含的元素有一双眼睛及一张嘴巴；并对该动画原形选取函数，使该动画原形上的元素(一双眼睛及一张嘴巴)随时间产生相应的映射，形成动画。
如用户需对制作好的渲染模型进行修改，比如对一双眼睛增加睫毛，则截获对渲染模型的操作指令，对渲染模型进行修改操作；获取用户在H5页面的Canvas画布区域内的鼠标操作；判断鼠标操作的位置是否存在该渲染模型上(即一双眼睛的区域内)，若鼠标在一双眼睛的区域内，则给所述渲染模型(一双眼睛)添加标志作为待操作状态；从而对渲染模型进行修改。
本申请提供电子装置，包括处理器与存储器，所述存储器上存储有可被所述处理器执行的基于Canvas画布的H5页面制作***，该***用于营销平台，该***包括如下模块：
画布创建模块，用于用户通过终端设备(PC端)在网页上创建Canvas画布，且Canvas画布作为H5页面的载体，所述Canvas画布为进行图像绘制的画布；
元素对象添加模块，用于获取用户所选择的制作元素对象，并按照用户的绘制路径，将制作元素对象在Canvas画布上进行绘制成Canvas图像，并保存至存储器中；
动画管理模块，用于对包含不同元素对象的渲染模型进行生成、选取、编辑形成动画并贮存；
所述动画管理模块包括渲染模型生成单元、渲染模型库单元、渲染模型选取单元以及动画生成单元；
渲染模型生成单元，用于获取存储器中所存储的Canvas图像，并通过API接口对用户所绘制的每个Canvas图像封装为若干个渲染模型，并将封装好的渲染模型存储至渲染模型库中，实现渲染模型的读取、调用；
渲染模型库单元，用于存储用户所设计的渲染模型；
渲染模型选取单元，用于用户选取渲染模型库单元里存储的渲染模型，并发送至动画设计单元；
动画生成单元，用于将用户选取的若干个渲染模型进行排列、叠加，形成动画原形；所述动画设计单元存储有若干个函数，通过选取不同的函数，使动画原形所包含的渲染模型中相应的元素对象随时间轴发生相应的变化，形成动画并贮存于存储器中。
所述渲染模型由主容器和用户界面构成；所述主容器至少包括基本信息、交互触发层、内容层以及修饰层。
所述基本信息至少包括元素对象的大小、位置、透明度及旋转角度。
所述交互触发层通过用户界面与用户进行交互，所述用户界面受用户行为触发，与渲染模型的交互触发层交互后，反馈用户行为触发渲染模型后产生的操作响应。
所述用户界面为对渲染模型进行修改操作或查询操作的数据接口；所述修改操作包括对渲染模型的信息进行增加、删除或编辑。
具体的，根据终端设备的不同，该制作方法的应用场景也会不同；例如，终端设备为PC端时，PC端与渲染模型组成PC端编辑器，用户可直接通过用户界面，对渲染模型进行选中、移动、缩放、旋转等直观的操作；同时还可以制作针对不同渲染模型的不同属性的编辑面板，以及所有渲染模型共同的运动状态信息(即使用函数F(t)之后产生的映射)的编辑面板；当用户选中其中一个渲染模型时，可通过操作编辑面板，调用主容器内的信息来实现画布上渲染模型的同步变更。而当终端设备为移动端时，移动端与渲染模型组成移动端编辑器，也可以实现如PC端编辑器所呈现的功能。
本申请提供的一种计算机可读存储介质，所述计算机可读存储介质内存储有基于Canvas画布的H5页面制作***，所述基于Canvas画布的H5页面制作***可被至少一个处理器所执行，以使所述至少一个处理器执行如前述中任一项所述基于Canvas画布的H5页面制作方法的步骤。
根据上述说明书的揭示和教导，本发明所属领域的技术人员还可以对上述实施方式进行变更和修改。因此，本发明并不局限于上面揭示和描述的具体实施方式，对发明的一些修改和变更也应当落入本发明的权利要求的保护范围内。此外，尽管本说明书中使用了一些特定的术语，但这些术语只是为了方便说明，并不对本发明构成任何限制。

Claims (10)

1.一种基于Canvas画布的H5页面制作方法，其特征在于：所述方法包括以下步骤：
S1.截获对H5页面创建Canvas画布指令，将所述创建Canvas画布指令携带的指令信息传送至***；根据该指令信息，生成Canvas画布；
S2.截获对Canvas画布的元素对象添加指令，将所述元素对象添加指令携带的指令息传送至***，根据该指令信息，在Canvas画布上添加相应的元素对象形成Canvas图像，并将Canvas图像存储至***；
S3.截获对Canvas图像的生成渲染模型指令，将所述生成渲染模型指令携带的指令信息传送至***，根据该指令信息，将***中存储的Canvas图像封装为若干个渲染模型，并将渲染模型存储至***中；
S4.截获对***选取渲染模型指令，将所述选取渲染模型指令携带的指令信息传送至***，根据该指令信息，选取相应的渲染模型，并发送动画生成指令；
S5.截获对选取的渲染模型的动画生成指令，将所述动画生成指令携带的指令信息传送至***，根据该指令信息，读取选取的若干个渲染模型，进行排列、叠加，形成动画原形并选取***内的若干个函数，并将动画原形随时间轴的变化产生相应的映射，形成动画；
其中，在所述步骤S3中封装形成的渲染模型的结构为：所述渲染模型由主容器构成；所述主容器至少包括基本信息、交互触发层、内容层以及修饰层；
所述基本信息为渲染模型所携带的元素对象的基本信息，基本信息至少包括元素对象的大小、位置、透明度及旋转角度；
所述交互触发层通过用户界面与用户进行交互，所述用户界面受用户行为触发，与渲染模型的交互触发层交互后，反馈用户行为触发渲染模型后产生的操作响应；
所述内容层包含制作元素对象对应的显示渲染内容；
所述修饰层包含渲染模型的背景、边框；
所述用户界面为对渲染模型进行修改操作或查询操作的数据接口；
在所述步骤S5中，所述函数包括线性函数、匀变速运动函数或三阶贝塞尔曲线函数。
2.根据权利要求1所述的制作方法，其特征在于：所述页面制作方法还包括步骤：S6.截获对渲染模型的操作指令，将所述操作指令携带的指令信息传送至***，根据该指令信息，对渲染模型进行修改操作、或查询操作。
3.根据权利要求2所述的制作方法，其特征在于：所述截获对渲染模型的操作指令，该指令采用如下方式实现：
S61.获取用户在H5页面的Canvas画布区域内的鼠标操作；
S62.判断鼠标操作的位置是否存在渲染模型，若是存在，执行步骤S63；
S63.给所述渲染模型添加标志作为待操作状态。
4.根据权利要求2所述的制作方法，其特征在于：所述修改操作包括编辑、增加和删除，对应生成编辑指令、增加指令和删除指令。
5.一种应用权利要求1～4任一项所述制作方法的基于Canvas画布的H5页面制作***，其特征在于，该***用于营销平台，所述制作***包括：
画布创建模块，用于用户通过终端设备在网页上创建Canvas画布，且Canvas画布作为H5页面的载体，所述Canvas画布为进行图像绘制的画布；
元素对象添加模块，用于获取用户所选择的制作元素对象，并按照用户的绘制路径，将制作元素对象在Canvas画布上进行绘制成Canvas图像，并保存至存储器中；
动画管理模块，用于对包含不同元素对象的渲染模型进行生成、选取、编辑形成动画并贮存；
所述动画管理模块包括渲染模型生成单元、渲染模型库单元、渲染模型选取单元以及动画生成单元；
渲染模型生成单元，用于获取存储器中所存储的Canvas图像，并通过API接口对用户所绘制的每个Canvas图像封装为若干个渲染模型，并将封装好的渲染模型存储至渲染模型库中，实现渲染模型的读取、调用；
渲染模型库单元，用于存储用户所设计的渲染模型；
渲染模型选取单元，用于用户选取渲染模型库单元里存储的渲染模型，并发送至动画设计单元；
动画生成单元，用于将用户选取的若干个渲染模型进行排列、叠加，形成动画原形；所述动画设计单元存储有若干个函数，通过选取不同的函数，使动画原形所包含的渲染模型中相应的元素对象随时间轴发生相应的变化，形成动画并贮存于存储器中。
6.根据权利要求5所述的制作***，其特征在于：所述渲染模型由主容器和用户界面构成；所述主容器至少包括基本信息、交互触发层、内容层以及修饰层。
7.根据权利要求6所述的制作***，其特征在于：所述基本信息至少包括元素对象的大小、位置、透明度及旋转角度。
8.根据权利要求6所述的制作***，其特征在于：所述交互触发层通过用户界面与用户进行交互，所述用户界面受用户行为触发，与渲染模型的交互触发层交互后，反馈用户行为触发渲染模型后产生的操作响应。
9.根据权利要求6所述的制作***，其特征在于：所述用户界面为对渲染模型进行修改操作或查询操作的数据接口；所述修改操作包括对渲染模型的信息进行增加、删除或编辑。
10.一种计算机可读存储介质，其特征在于：所述计算机可读存储介质内存储有如权利要求5-9中任一项所述基于Canvas画布的H5页面制作***，所述基于Canvas画布的H5页面制作***可被至少一个处理器所执行，以使所述至少一个处理器执行如权利要求1-4中任一项所述基于Canvas画布的H5页面制作方法的步骤。
CN201811440884.7A 2018-11-28 2018-11-28 一种基于Canvas画布的H5页面制作方法和装置 Active CN109634603B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811440884.7A CN109634603B (zh) 2018-11-28 2018-11-28 一种基于Canvas画布的H5页面制作方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811440884.7A CN109634603B (zh) 2018-11-28 2018-11-28 一种基于Canvas画布的H5页面制作方法和装置

Publications (2)

Publication Number Publication Date
CN109634603A CN109634603A (zh) 2019-04-16
CN109634603B true CN109634603B (zh) 2020-06-12

Family

ID=66069789

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811440884.7A Active CN109634603B (zh) 2018-11-28 2018-11-28 一种基于Canvas画布的H5页面制作方法和装置

Country Status (1)

Country Link
CN (1) CN109634603B (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110191293A (zh) * 2019-04-18 2019-08-30 视联动力信息技术股份有限公司 信息呈现方法和装置
CN110727481A (zh) * 2019-09-06 2020-01-24 平安国际智慧城市科技股份有限公司 图片编辑方法、装置、计算机设备和存储介质
CN110727383B (zh) * 2019-09-18 2024-05-28 北京百度网讯科技有限公司 基于小程序的触控交互方法、装置、电子设备与存储介质
CN111124374B (zh) * 2019-12-26 2023-09-12 南方电网科学研究院有限责任公司 基于Electron与HTML5实现特效动画的方法
CN111242688B (zh) * 2020-01-13 2023-06-30 Oppo广东移动通信有限公司 动画资源的制作方法、装置、移动终端和存储介质
CN113934876B (zh) * 2021-12-21 2022-02-22 成都泰盟软件有限公司 一种基于Web的作业批改方法、装置及***
CN117311708B (zh) * 2023-09-18 2024-04-05 中教畅享科技股份有限公司 一种网页端3d场景内资源展示页面动态修改方法及装置

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 (zh) * 2012-09-04 2015-04-29 北京航空航天大学 一种基于Web的算法动画可视化开发***
CN102902533A (zh) * 2012-09-17 2013-01-30 乐视网信息技术（北京）股份有限公司 一种Java结合HTML5生成图表的框架展现***及其方法
CN105468377A (zh) * 2015-12-10 2016-04-06 北京中科汇联科技股份有限公司 一种移动端页面生成方法及***
CN108628924A (zh) * 2017-11-30 2018-10-09 昆山乌班图信息技术有限公司 一种基于JavaScript生成html5页面的方法
CN108509195A (zh) * 2017-12-12 2018-09-07 平安科技（深圳）有限公司 H5活动页面的制作方法、电子装置及可读存储介质

Also Published As

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

Similar Documents

Publication Publication Date Title
CN109634603B (zh) 一种基于Canvas画布的H5页面制作方法和装置
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
CN108279964B (zh) 蒙层渲染的实现方法、装置、智能设备及存储介质
US20190139314A1 (en) Augmented virtual reality
CN102360288B (zh) 实时数据驱动的脚本化全组态hmi***
CN104216691A (zh) 一种创建应用的方法及装置
WO2013097799A1 (zh) 版式文件的处理方法和装置
CN102135873A (zh) 一种创建用户界面的方法和装置
CN106991096A (zh) 动态页面渲染方法及装置
CN106354355A (zh) 用户界面布局方法、装置及***
CN114780077A (zh) 网页可视化编辑的装置及方法
CN110443880A (zh) 图像渲染方法、装置、存储介质及电子设备
CN116452786B (zh) 虚拟现实内容的生成方法、***、计算机设备及存储介质
CN114564534A (zh) 基于场景的可视化配置平台及实现方法
CN103970513A (zh) 一种源数据信息的访问方法和平台
Lu et al. Design of immersive and interactive application based on augmented reality and machine learning
WO2023093327A1 (zh) 目标程序的测试方法、装置、设备及存储介质
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 (zh) 组件的处理方法、装置、存储介质及电子装置
Pohja et al. CSS layout engine for compound documents
BR112021023257B1 (pt) Sistema de construção de site da web e método para um sistema de construção de site da web
WO2023091506A1 (en) Commenting feature for graphic design systems
CN116048491A (zh) 一种Tdu虚拟仿真可视化编辑器及其编辑方法

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