CN109491654A - 一种基于HTML5 Canvas的表格绘制方法和系统 - Google Patents
一种基于HTML5 Canvas的表格绘制方法和系统 Download PDFInfo
- Publication number
- CN109491654A CN109491654A CN201811088299.5A CN201811088299A CN109491654A CN 109491654 A CN109491654 A CN 109491654A CN 201811088299 A CN201811088299 A CN 201811088299A CN 109491654 A CN109491654 A CN 109491654A
- Authority
- CN
- China
- Prior art keywords
- painting canvas
- caching
- canvas
- layer
- main
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种基于HTML5 Canvas的表格绘制方法，首先根据需要绘制的表格内容的特性，将稳定且在行为过程中不易改变的数据绘制在缓存画布上，将不稳定且在行为过程中经常改变的数据绘制在主画布上，定义缓存画布是指用户不可见，在后台进行绘制的画布实例，主画布是指用户可见的，用来真实呈现表格所有内容的画布实例，然后绘制表格，绘制过程分为静态绘制过程和滚动行为绘制过程，本发明还公开了一种基于HTML5 Canvas的表格绘制系统，本发明解决了现有技术中存在的表格绘制占用CPU严重导致卡顿影响用户体验的问题。
Description
技术领域
本发明属于双画布缓存技术领域，具体涉及一种基于HTML5 Canvas的表格绘制方法，本发明还涉及一种基于HTML5 Canvas的表格绘制系统。
背景技术
当画布上内容众多，一旦表格因滚动，局部变更等行为驱动需要重新绘制时，重绘整个表格会带来大量的CPU占用，表现在用户场景中，会产生卡顿效果，极其影响用户体验。而本发明中描述的使用双画布缓存绘制的画法，会极大的提升绘制性能，降低CPU的占用，让表格的行为更加流畅自然，增强用户体验。
发明内容
本发明的目的是提供一种基于HTML5 Canvas的表格绘制方法，解决了现有技术中存在的表格绘制占用CPU严重导致卡顿影响用户体验的问题。
本发明的另一目的是提供一种基于HTML5 Canvas的表格绘制系统。
本发明所采用的第一技术方案是，一种基于HTML5 Canvas的表格绘制方法，具体如下：
根据需要绘制的表格内容的特性，将表格绘制方法分为绘制主体图层和绘制装饰图层；
根据表格绘制过程中所用画布可见性，将画布分为缓存画布和主画布；
根据表格绘制状态，将表格绘制过程分为静态绘制过程和滚动行为绘制过程。
本发明的特点还在于，
将稳定且在行为过程中不易改变的数据绘制在缓存画布上，例如单元格样式、单元格内容、单元格边框、单元格图表信息，将上述操作称之为绘制主体图层；
将不稳定且在行为过程中经常改变的数据绘制在主画布上，例如选择边框、拖拽边框、剪贴边框、悬浮、高亮效果，将上述操作称之为装饰图层。
缓存画布是指用户不可见，在后台进行绘制的画布实例，所述主画布是指用户可见的，用来真实呈现表格所有内容的画布实例，缓存画布、主画布均为HTML5 Canvas画布实例。
静态绘制过程是指将主体图层绘制在缓存画布上，具体如下：
获取整个表格的大小尺寸及当前DPI，初始化缓存画布；
在缓存画布上绘制表格背景图层；
在缓存画布上绘制表格列头，行头及视图区域图层；
在缓存画布上绘制表格灰色区域图层；
在缓存画布上绘制表格边框及表格线图层；
当在缓存画布上绘制完毕之后，根据上下文的绘制区域限定，通过Canvas自有方法dragImage，将缓存画布作为参数直接交由主画布绘制；
然后在主画布上绘制装饰图层；
滚动行为绘制过程如下：
基于静态绘制过程的基础，当表格发生滚动，需要对新区域进行绘制，重置当前主画布区域；
根据滚动位移对缓存画布进行剪裁并平移；
将缓存画布平移内容绘制在主画布相应位置，即缓存画布向主画布刷新绘制；
通过前述将主体图层绘制在缓存画布，将缓存画布的新区域进行局部刷新绘制；
通过静态绘制过程，将缓存画布的新区域绘制在主画布相应位置；
在主画布上绘制装饰图层。
本发明所采用的第二技术方案是，一种基于HTML5 Canvas的表格绘制的系统，包括：
用于根据需要绘制的表格内容的特性，将表格绘制方法分为绘制主体图层和绘制装饰图层的装置；
用于根据表格绘制过程中所用画布可见性，将画布分为缓存画布和主画布的装置；
用于根据表格绘制状态，将表格绘制过程分为静态绘制过程和滚动行为绘制过程的装置；
用于判断数据是否稳定且在行为过程中不易改变的装置；
用于将单元格样式、单元格内容、单元格边框、单元格图表信息归类为绘制主体图层的装置；
用于将稳定且在行为过程中不易改变的数据绘制在缓存画布上的装置；
用于判断数据是否不稳定且在行为过程中经常改变的装置；
用于将选择边框、拖拽边框、剪贴边框、悬浮、高亮效果这些信息归类为装饰图层的装置；
用于将不稳定且在行为过程中经常改变的数据绘制在主画布上的装置；
用于将用户不可见，且在后台进行绘制的画布实例定义为缓存画布的装置；
用于将用户可见，且用来真实呈现表格所有内容的画布实例定义为主画布的装置；
用于获取整个表格的大小尺寸及当前DPI的装置；
用于初始化缓存画布的装置；
用于在缓存画布上绘制表格背景图层的装置；
用于在缓存画布上绘制表格列头，行头及视图区域图层的装置；
用于在缓存画布上绘制表格灰色区域图层的装置；
用于在缓存画布上绘制表格边框及表格线图层的装置；
用于当在缓存画布上绘制完毕之后，根据上下文的绘制区域限定，通过Canvas的图像拖拽dragImage属性,将缓存画布作为参数直接交由主画布绘制的装置；
用于在主画布上绘制装饰图层的装置；
用于当表格发生滚动，需要对新区域进行绘制，重置当前主画布区域的装置；
用于根据滚动位移对缓存画布进行剪裁并平移的装置；
用于将缓存画布平移内容绘制在主画布相应位置，即缓存画布向主画布刷新绘制的装置；
用于将缓存画布的新区域进行局部刷新绘制的装置；
用于将缓存画布的新区域绘制在主画布相应位置的装置；
用于在主画布上绘制装饰图层的装置。
本发明的有益效果是，一种基于HTML5 Canvas的表格绘制方法，通过双画布缓存的方式，定义缓存画布为用户不可见，在后台进行绘制的画布实例，主画布为用户可见的，用来真实呈现表格所有内容的画布实例，高效的完成对表格绘制，尤其体现在表格局部重新绘制及表格滚动绘制中。
附图说明
图1是本发明一种基于HTML5 Canvas的表格绘制方法中静态绘制过程各图层示意图；
图2是本发明一种基于HTML5 Canvas的表格绘制方法中主画布重置后的效果图；
图3是本发明一种基于HTML5 Canvas的表格绘制方法中缓存画布剪裁平移后的效果图；
图4是本发明一种基于HTML5 Canvas的表格绘制方法中缓存画布向主画布刷新绘制后的效果图；
图5是本发明一种基于HTML5 Canvas的表格绘制方法中缓存画布局部刷新绘制内容后的效果图；
图6是本发明一种基于HTML5 Canvas的表格绘制方法中主画布最终绘制结果效果图。
具体实施方式
下面结合附图和具体实施方式对本发明进行详细说明。
本发明一种基于HTML5 Canvas的表格绘制方法，其中涉及的所有画布均为HTML5Canvas实例，具体如下：
根据需要绘制的表格内容的特性，将表格绘制方法分为绘制主体图层和绘制装饰图层；
根据表格绘制过程中所用画布可见性，将画布分为缓存画布和主画布；
根据表格绘制状态，将表格绘制过程分为静态绘制过程和滚动行为绘制过程。
其中，将稳定且在行为过程中不易改变的数据绘制在缓存画布上，例如单元格样式、单元格内容、单元格边框、单元格图表信息，将上述操作称之为绘制主体图层；
将不稳定且在行为过程中经常改变的数据绘制在主画布上，例如选择边框、拖拽边框、剪贴边框、悬浮、高亮效果，将上述操作称之为装饰图层。
缓存画布是指用户不可见，在后台进行绘制的画布实例，所述主画布是指用户可见的，用来真实呈现表格所有内容的画布实例，缓存画布、主画布均为HTML5 Canvas画布实例。
静态绘制过程是指将主体图层绘制在缓存画布上，具体如下：
获取整个表格的大小尺寸及当前DPI，初始化缓存画布；
在缓存画布上绘制表格背景图层；
在缓存画布上绘制表格列头，行头及视图区域图层；
在缓存画布上绘制表格灰色区域图层；
在缓存画布上绘制表格边框及表格线图层；
当在缓存画布上绘制完毕之后，根据上下文的绘制区域限定，通过Canvas自有方法dragImage，将缓存画布作为参数直接交由主画布绘制；
然后在主画布上绘制装饰图层；
滚动行为绘制过程如下：
基于静态绘制过程的基础，当表格发生滚动，需要对新区域进行绘制，重置当前主画布区域；
根据滚动位移对缓存画布进行剪裁并平移；
将缓存画布平移内容绘制在主画布相应位置，即缓存画布向主画布刷新绘制；
通过前述将主体图层绘制在缓存画布，将缓存画布的新区域进行局部刷新绘制；
通过静态绘制过程，将缓存画布的新区域绘制在主画布相应位置；
在主画布上绘制装饰图层。
基于HTML5 Canvas的表格绘制的系统，包括：
用于根据需要绘制的表格内容的特性，将表格绘制方法分为绘制主体图层和绘制装饰图层的装置；
用于根据表格绘制过程中所用画布可见性，将画布分为缓存画布和主画布的装置；
用于根据表格绘制状态，将表格绘制过程分为静态绘制过程和滚动行为绘制过程的装置；
用于判断数据是否稳定且在行为过程中不易改变的装置；
用于将单元格样式、单元格内容、单元格边框、单元格图表信息归类为绘制主体图层的装置；
用于将稳定且在行为过程中不易改变的数据绘制在缓存画布上的装置；
用于判断数据是否不稳定且在行为过程中经常改变的装置；
用于将选择边框、拖拽边框、剪贴边框、悬浮、高亮效果这些信息归类为装饰图层的装置；
用于将不稳定且在行为过程中经常改变的数据绘制在主画布上的装置；
用于将用户不可见，且在后台进行绘制的画布实例定义为缓存画布的装置；
用于将用户可见，且用来真实呈现表格所有内容的画布实例定义为主画布的装置；
用于获取整个表格的大小尺寸及当前DPI的装置；
用于初始化缓存画布的装置；
用于在缓存画布上绘制表格背景图层的装置；
用于在缓存画布上绘制表格列头，行头及视图区域图层的装置；
用于在缓存画布上绘制表格灰色区域图层的装置；
用于在缓存画布上绘制表格边框及表格线图层的装置；
用于当在缓存画布上绘制完毕之后，根据上下文的绘制区域限定，通过Canvas的图像拖拽dragImage属性,将缓存画布作为参数直接交由主画布绘制的装置；
用于在主画布上绘制装饰图层的装置；
用于当表格发生滚动，需要对新区域进行绘制，重置当前主画布区域的装置；
用于根据滚动位移对缓存画布进行剪裁并平移的装置；
用于将缓存画布平移内容绘制在主画布相应位置，即缓存画布向主画布刷新绘制的装置；
用于将缓存画布的新区域进行局部刷新绘制的装置；
用于将缓存画布的新区域绘制在主画布相应位置的装置；
用于在主画布上绘制装饰图层的装置。
实施例
静态绘制过程是指将主体图层绘制在缓存画布上，如图1所示：具体如下：
获取整个表格的大小尺寸及当前DPI，初始化缓存画布；
在缓存画布上绘制表格背景图层；
在缓存画布上绘制表格列头，行头及视图区域图层；
在缓存画布上绘制表格灰色区域图层；
在缓存画布上绘制表格边框及表格线图层；
当在缓存画布上绘制完毕之后，根据上下文的绘制区域限定，通过Canvas自有方法dragImage，将缓存画布作为参数直接交由主画布绘制；
然后在主画布上绘制装饰图层；
滚动行为绘制过程如下：
基于静态绘制过程的基础，当表格发生滚动，需要对新区域进行绘制，重置当前主画布区域，如图2所示；
根据滚动位移对缓存画布进行剪裁并平移，如图3所示；
将缓存画布平移内容绘制在主画布相应位置，即缓存画布向主画布刷新绘制，如图4所示；
通过前述将主体图层绘制在缓存画布，将缓存画布的新区域进行局部刷新绘制，如图5所示；
通过静态绘制过程，将缓存画布的新区域绘制在主画布相应位置，如图6所示；
在主画布上绘制装饰图层。
Claims (6)
1.一种基于HTML5 Canvas的表格绘制方法，其特征在于，具体如下：
根据需要绘制的表格内容的特性，将表格绘制方法分为绘制主体图层和绘制装饰图层；
根据表格绘制过程中所用画布可见性，将画布分为缓存画布和主画布；
根据表格绘制状态，将表格绘制过程分为静态绘制过程和滚动行为绘制过程。
2.根据权利要求1所述的一种基于HTML5 Canvas的表格绘制方法，其特征在于，将稳定且在行为过程中不易改变的数据绘制在缓存画布上，例如单元格样式、单元格内容、单元格边框、单元格图表信息，将上述操作称之为绘制主体图层；
将不稳定且在行为过程中经常改变的数据绘制在主画布上，例如选择边框、拖拽边框、剪贴边框、悬浮、高亮效果，将上述操作称之为装饰图层。
3.根据权利要求2所述的一种基于HTML5 Canvas的表格绘制方法，其特征在于，所述缓存画布是指用户不可见，在后台进行绘制的画布实例，所述主画布是指用户可见的，用来真实呈现表格所有内容的画布实例，缓存画布、主画布均为HTML5 Canvas画布实例。
4.根据权利要求3所述的一种基于HTML5 Canvas的表格绘制方法，其特征在于，静态绘制过程是指将主体图层绘制在缓存画布上，具体如下：
获取整个表格的大小尺寸及当前DPI，初始化缓存画布；
在缓存画布上绘制表格背景图层；
在缓存画布上绘制表格列头，行头及视图区域图层；
在缓存画布上绘制表格灰色区域图层；
在缓存画布上绘制表格边框及表格线图层；
当在缓存画布上绘制完毕之后，根据上下文的绘制区域限定，通过Canvas自有方法dragImage，将缓存画布作为参数直接交由主画布绘制；
然后在主画布上绘制装饰图层。
5.根据权利要求4所述的一种基于HTML5 Canvas的表格绘制方法，其特征在于，滚动行为绘制过程如下：
基于静态绘制过程的基础，当表格发生滚动，需要对新区域进行绘制，重置当前主画布区域；
根据滚动位移对缓存画布进行剪裁并平移；
将缓存画布平移内容绘制在主画布相应位置，即缓存画布向主画布刷新绘制；
通过前述将主体图层绘制在缓存画布，将缓存画布的新区域进行局部刷新绘制；
通过静态绘制过程，将缓存画布的新区域绘制在主画布相应位置；
在主画布上绘制装饰图层。
6.一种基于HTML5 Canvas的表格绘制的系统，其特征在于，包括：
用于根据需要绘制的表格内容的特性，将表格绘制方法分为绘制主体图层和绘制装饰图层的装置；
用于根据表格绘制过程中所用画布可见性，将画布分为缓存画布和主画布的装置；
用于根据表格绘制状态，将表格绘制过程分为静态绘制过程和滚动行为绘制过程的装置；
用于判断数据是否稳定且在行为过程中不易改变的装置；
用于将单元格样式、单元格内容、单元格边框、单元格图表信息归类为绘制主体图层的装置；
用于将稳定且在行为过程中不易改变的数据绘制在缓存画布上的装置；
用于判断数据是否不稳定且在行为过程中经常改变的装置；
用于将选择边框、拖拽边框、剪贴边框、悬浮、高亮效果这些信息归类为装饰图层的装置；
用于将不稳定且在行为过程中经常改变的数据绘制在主画布上的装置；
用于将用户不可见，且在后台进行绘制的画布实例定义为缓存画布的装置；
用于将用户可见，且用来真实呈现表格所有内容的画布实例定义为主画布的装置；
用于获取整个表格的大小尺寸及当前DPI的装置；
用于初始化缓存画布的装置；
用于在缓存画布上绘制表格背景图层的装置；
用于在缓存画布上绘制表格列头，行头及视图区域图层的装置；
用于在缓存画布上绘制表格灰色区域图层的装置；
用于在缓存画布上绘制表格边框及表格线图层的装置；
用于当在缓存画布上绘制完毕之后，根据上下文的绘制区域限定，通过Canvas的图像拖拽dragImage属性,将缓存画布作为参数直接交由主画布绘制的装置；
用于在主画布上绘制装饰图层的装置；
用于当表格发生滚动，需要对新区域进行绘制，重置当前主画布区域的装置；
用于根据滚动位移对缓存画布进行剪裁并平移的装置；
用于将缓存画布平移内容绘制在主画布相应位置，即缓存画布向主画布刷新绘制的装置；
用于将缓存画布的新区域进行局部刷新绘制的装置；
用于将缓存画布的新区域绘制在主画布相应位置的装置；
用于在主画布上绘制装饰图层的装置。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811088299.5A CN109491654B (zh) | 2018-09-18 | 2018-09-18 | 一种基于HTML5 Canvas的表格绘制方法和系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811088299.5A CN109491654B (zh) | 2018-09-18 | 2018-09-18 | 一种基于HTML5 Canvas的表格绘制方法和系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109491654A true CN109491654A (zh) | 2019-03-19 |
| CN109491654B CN109491654B (zh) | 2021-11-16 |
Family
ID=65690644
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811088299.5A Active CN109491654B (zh) | 2018-09-18 | 2018-09-18 | 一种基于HTML5 Canvas的表格绘制方法和系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109491654B (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111488149A (zh) * | 2020-03-11 | 2020-08-04 | 平安健康保险股份有限公司 | 基于canvas元素的表格渲染方法、装置及计算机设备 |
| CN111507575A (zh) * | 2020-03-25 | 2020-08-07 | 国电南瑞科技股份有限公司 | 一种基于html5的电网调度控制系统电气图元的局部绘制方法 |
| CN112269575A (zh) * | 2020-11-18 | 2021-01-26 | 安徽四创电子股份有限公司 | 一种canvas绘制动态二维场景的方法 |
| CN114489910A (zh) * | 2022-02-10 | 2022-05-13 | 北京字跳网络技术有限公司 | 一种视频会议数据显示方法、装置、设备及介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP2625623A4 (en) * | 2010-10-08 | 2014-08-20 | Lumi Technologies Ltd | PREPARATION AND DELIVERY OF MULTI-PHASE PARTITIONED CONTENT |
| CN105279253A (zh) * | 2015-10-13 | 2016-01-27 | 上海联彤网络通讯技术有限公司 | 提升网页画布渲染速度的系统及方法 |
| CN105487858A (zh) * | 2015-11-25 | 2016-04-13 | 深圳联友科技有限公司 | 一种基于html5的在线表单设计系统 |
| CN107239287A (zh) * | 2017-06-07 | 2017-10-10 | 福建中金在线信息科技有限公司 | 一种网页显示方法、装置、电子设备及存储介质 |
| CN107357623A (zh) * | 2017-07-20 | 2017-11-17 | 上海金大师网络科技有限公司 | 一种基于多图层的局部绘制方法及系统 |
| US9824465B2 (en) * | 2011-12-27 | 2017-11-21 | Facebook, Inc. | Texture repository for image processing applications |
| CN107844297A (zh) * | 2017-10-17 | 2018-03-27 | 广东广业开元科技有限公司 | 一种数据可视化实现系统及方法 |
-
2018
- 2018-09-18 CN CN201811088299.5A patent/CN109491654B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP2625623A4 (en) * | 2010-10-08 | 2014-08-20 | Lumi Technologies Ltd | PREPARATION AND DELIVERY OF MULTI-PHASE PARTITIONED CONTENT |
| US9824465B2 (en) * | 2011-12-27 | 2017-11-21 | Facebook, Inc. | Texture repository for image processing applications |
| CN105279253A (zh) * | 2015-10-13 | 2016-01-27 | 上海联彤网络通讯技术有限公司 | 提升网页画布渲染速度的系统及方法 |
| CN105487858A (zh) * | 2015-11-25 | 2016-04-13 | 深圳联友科技有限公司 | 一种基于html5的在线表单设计系统 |
| CN107239287A (zh) * | 2017-06-07 | 2017-10-10 | 福建中金在线信息科技有限公司 | 一种网页显示方法、装置、电子设备及存储介质 |
| CN107357623A (zh) * | 2017-07-20 | 2017-11-17 | 上海金大师网络科技有限公司 | 一种基于多图层的局部绘制方法及系统 |
| CN107844297A (zh) * | 2017-10-17 | 2018-03-27 | 广东广业开元科技有限公司 | 一种数据可视化实现系统及方法 |
Non-Patent Citations (2)
| Title |
|---|
| CYSEAR: "谈谈canvas的性能优化（主要讲缓存问题）", 《HTTPS://BLOG.CSDN.NET/CYSEAR/ARTICLE/DETAILS/70859880》 * |
| 葡萄城技术团队: "葡萄城 SpreadJS 表格控件 V11 产品白皮书", 《HTTPS://BLOG.51CTO.COM/POWERTOOLSTEAM/2171733?SOURCE=DRT》 * |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111488149A (zh) * | 2020-03-11 | 2020-08-04 | 平安健康保险股份有限公司 | 基于canvas元素的表格渲染方法、装置及计算机设备 |
| CN111488149B (zh) * | 2020-03-11 | 2023-07-25 | 平安健康保险股份有限公司 | 基于canvas元素的表格渲染方法、装置及计算机设备 |
| CN111507575A (zh) * | 2020-03-25 | 2020-08-07 | 国电南瑞科技股份有限公司 | 一种基于html5的电网调度控制系统电气图元的局部绘制方法 |
| CN111507575B (zh) * | 2020-03-25 | 2022-09-13 | 国电南瑞科技股份有限公司 | 一种基于html5的电网调度控制系统电气图元的局部绘制方法 |
| CN112269575A (zh) * | 2020-11-18 | 2021-01-26 | 安徽四创电子股份有限公司 | 一种canvas绘制动态二维场景的方法 |
| CN114489910A (zh) * | 2022-02-10 | 2022-05-13 | 北京字跳网络技术有限公司 | 一种视频会议数据显示方法、装置、设备及介质 |
| CN114489910B (zh) * | 2022-02-10 | 2024-05-17 | 北京字跳网络技术有限公司 | 一种视频会议数据显示方法、装置、设备及介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109491654B (zh) | 2021-11-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109491654A (zh) | 一种基于HTML5 Canvas的表格绘制方法和系统 | |
| CN105630478B (zh) | 一种实现页面切换的方法和装置 | |
| CN105939493B (zh) | 一种视频弹幕的显示方法及显示装置 | |
| US9507520B2 (en) | Touch-based reorganization of page element | |
| US9786256B2 (en) | Method and device for generating graphical user interface (GUI) for displaying | |
| CN102364460B (zh) | 基于移动终端的页面自动放大方法和系统 | |
| JP2011512600A5 (zh) | ||
| CN103353886A (zh) | 预览网页的方法及系统 | |
| DE202011109296U1 (de) | Vorrichtung zur Bereitstellung eines visuellen Übergangs zwischen Bildschirmen | |
| CN105138317A (zh) | 用于终端设备的窗口显示处理方法及装置 | |
| US9529463B1 (en) | Method and device for reducing latency for rendering and displaying stylus strokes | |
| CN105447900A (zh) | 一种录制动画的方法和装置 | |
| TW201807667A (zh) | 網路圖片的載入方法、裝置和系統 | |
| CN105450986B (zh) | 一种Linux下视频处理方法 | |
| CN106843701A (zh) | 一种图片轮换展示方法及装置 | |
| CN105373374A (zh) | 一种在web上显示3d场所的方法及系统 | |
| CN113918249A (zh) | 一种背景模糊控件的实现方法及装置 | |
| CN104740873A (zh) | 游戏中的图像渲染方法 | |
| WO2013020411A1 (zh) | 即时通信终端和实时显示会话消息的方法 | |
| CN106327545A (zh) | 一种矢量线条的放大绘制方法 | |
| CN109800039B (zh) | 一种用户界面展示方法、装置、电子设备及存储介质 | |
| CN105139356B (zh) | 一种图像数据的毛玻璃效果处理方法和装置 | |
| WO2012074521A1 (en) | Reshaping interfaces using content-preserving warps | |
| CN111078785B (zh) | 一种数据可视化展示的方法、装置、电子设备及存储介质 | |
| CN103337089A (zh) | 一种在3d空间中实现文字跑马灯效果的方法 |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |