电子白板实现方法、装置、设备以及存储介质制造方法及图纸

本公开提出了一种电子白板实现方法、装置、设备以及存储介质。响应于用户针对电子白板执行的手势操作，修改Canvas转换矩阵的变换因子，手势操作用于变换电子白板上呈现的内容的呈现方式；以及基于修改后的Canvas转换矩阵，利用OpenGL完成电子白板上所呈现的内容的更新。由此，对于基于Canvas的电子白板，可以使用不同于Canvas的图形处理工具OpenGL实现手势操作对应的操作结果在电子白板上的呈现。而OpenGL的实现过程中的计算和/或绘制等操作都可以由GPU执行，与在JavaScript中执行数学运算的方案相比，在提高运算速率、降低延迟的同时，不会出现在JavaScript中产生临时对象导致的对象回收耗时问题。

Implementation method, device, equipment and storage medium of electronic whiteboard

【技术实现步骤摘要】
电子白板实现方法、装置、设备以及存储介质
本公开涉及显示领域，特别是涉及一种电子白板实现方法、装置、设备以及存储介质。
技术介绍
行业内一般将在PC、TV等电子设备上实现的模拟白板书写操作的应用程序称为电子白板，电子白板可以为用户提供书写服务，以更好地表达用户的观点。目前，电子白板广泛应用于教育、会议、设计等多种领域。在使用电子白板过程中经常会结合缩放和移动操作，来将之前书写过的内容放大或者移动到屏幕中间用以突出内容。从用户开始做出缩放、移动等手势操作到屏幕显示出对应的操作结果这段时间的操作延迟是电子白板的关键指标之一。在用户做出缩放、移动等手势操作时，如何降低电子白板的操作延迟是目前亟需解决的一个问题。
技术实现思路
本公开的一个目的在于提供一种能够在用户做出缩放、移动等手势操作时降低电子白板的操作结果显示延迟的电子白板实现方法、装置、设备以及存储介质。根据本公开的第一个方面提出了一种基于Canvas的电子白板实现方法，包括：响应于用户针对电子白板执行的手势操作，修改Canvas转换矩阵的变换因子，手势操作用于变换电子白板上呈现的内容的呈现方式；以及基于修改后的Canvas转换矩阵，利用OpenGL完成电子白板上所呈现的内容的更新。可选地，手势操作包括缩放手势操作和/或平移手势操作，并且变换因子包括缩放因子和/或者平移因子。可选地，利用OpenGL完成电子白板上所显示的图形的更新的步骤包括：确定OpenGL的绘制顶点；以及基于绘制顶点和修改后的Canvas转换矩阵，利用OpenGL在电子白板上进行绘制。可选地，确定OpenGL的绘制顶点的步骤包括：基于绘制路径中的线宽以及点坐标，按照画线算法确定OpenGL的绘制顶点。可选地，利用OpenGL在电子白板上进行绘制的步骤包括：基于修改后的Canvas转换矩阵，对绘制顶点进行更新；以及使用更新后的绘制顶点在电子白板上进行绘制。可选地，由GPU执行对绘制顶点进行更新的操作，并且/或者，由GPU使用更新后的绘制顶点在电子白板上进行绘制。可选地，电子白板实现方法还包括：在绘制路径中保存更新后的绘制顶点。可选地，电子白板实现方法还包括：响应于手势操作结束，对绘制路径中的线宽以及点坐标进行更新。根据本公开的第二个方面，还提供了一种电子白板实现方法，包括：使用第一图形处理工具呈现电子白板的显示内容；响应于用户针对电子白板执行的手势操作，修改第一图形处理工具的转换矩阵的变换因子，手势操作用于变换电子白板上呈现的内容的呈现方式；以及基于修改后的转换矩阵，利用第二图形处理工具完成电子白板上要呈现的内容的更新。根据本公开的第三个方面，还提供了一种基于Canvas的电子白板实现装置，包括：修改模块，用于响应于用户针对电子白板执行的手势操作，修改Canvas转换矩阵的变换因子，手势操作用于变换电子白板上呈现的内容的呈现方式；以及第一更新模块，用于基于修改后的Canvas转换矩阵，利用OpenGL完成电子白板上所呈现的内容的更新。可选地，手势操作包括缩放手势操作和/或平移手势操作，并且变换因子包括缩放因子和/或者平移因子。可选地，第一更新模块包括：顶点确定模块，用于确定OpenGL的绘制顶点；以及第一绘制模块，用于基于绘制顶点和修改后的Canvas转换矩阵，利用OpenGL在电子白板上进行绘制。可选地，顶点确定模块基于绘制路径中的线宽以及点坐标，按照画线算法确定OpenGL的绘制顶点。可选地，第一绘制模块包括：第二更新模块，用于基于修改后的Canvas转换矩阵，对绘制顶点进行更新；以及第二绘制模块，用于使用更新后的绘制顶点在电子白板上进行绘制。可选地，第二更新模块通过GPU对绘制顶点进行更新，并且/或者第二绘制模块通过GPU基于更新后的绘制顶点在电子白板上进行绘制。可选地，电子白板实现装置还包括：保存模块，用于在绘制路径中保存更新后的绘制顶点。可选地，电子白板实现装置还包括：第三更新模块，用于响应于手势操作结束，对绘制路径中的线宽以及点坐标进行更新。根据本公开的第四个方面，还提出了一种电子白板实现装置，包括：呈现模块，用于使用第一图形处理工具呈现电子白板的显示内容；修改模块，用于响应于用户针对电子白板执行的手势操作，修改第一图形处理工具的转换矩阵的变换因子，手势操作用于变换电子白板上呈现的内容的呈现方式；以及更新模块，用于基于修改后的转换矩阵，利用第二图形处理工具完成电子白板上要呈现的内容的更新。根据本公开的第五个方面，还提出了一种计算设备，包括：处理器；以及存储器，其上存储有可执行代码，当可执行代码被处理器执行时，使处理器执行如本公开第一个方面或第二个方面述及的方法。根据本公开的第五个方面，还提出了一种非暂时性机器可读存储介质，其上存储有可执行代码，当可执行代码被电子设备的处理器执行时，使处理器执行如本公开第一个方面或第二个方面述及的方法。对于基于Canvas的电子白板，本公开可以使用不同于Canvas的图形处理工具OpenGL实现手势操作对应的操作结果在电子白板上的呈现。而OpenGL的实现过程中的计算和/或绘制等操作都可以由GPU执行，与现有的在JavaScript中执行数学运算的方案相比，在提高运算速率、降低延迟的同时，不会出现在JavaScript中产生临时对象导致的对象回收耗时问题。附图说明通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。图1是示出了根据本公开一实施例的电子白板实现方法的示意性流程图。图2是示出了本公开另一体实施例的电子白板实现方法的示意性流程图。图3示出了执行前后的效果示意图。图4是示出了根据本公开一实施例的电子白板实现装置的结构的示意性方框图。图5是示出了根据本公开另一实施例的电子白板实现装置的结构的示意性方框图。图6是示出了根据本公开一实施例的计算设备的结构的示意性方框图。具体实施方式下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。【术语解析】(1)Canvas浏览器提供的用户自定义绘制接口。HTML5中新引入的Canvas元素使得Web开发人员在无须借助任何第三方插件(如Flash，Silverlight)的情况下，可以直接使用JavaScript脚本在Web页面进行绘图。它首次由苹果公司的Webkit框架引入实现，并成功运用在Safari浏览器中。目前，Canvas已成为HTML5规范中的事实性标准，并且已经被Firefox3.0+、Safari3.0+、Chrome3.0+、Opera10.0+等浏览器所支持。基于Canvas的绘图填补了SVG绘图的在复杂绘图操作，特别是性能方面的不足，可广泛应用于Dashboard，2D/3DGame等Web应用中。(2)Path2D浏览器提供的用以保存绘制路径方便Canvas使用的接口。Path2D可以存储绘制路径，简化了Canvas绘制代码，并提升了运行速度。在每本文档来自技高网...

【技术保护点】
1.一种基于Canvas的电子白板实现方法，其特征在于，包括：响应于用户针对所述电子白板执行的手势操作，修改Canvas转换矩阵的变换因子，所述手势操作用于变换所述电子白板上呈现的内容的呈现方式；以及基于修改后的Canvas转换矩阵，利用OpenGL完成所述电子白板上所呈现的内容的更新。

【技术特征摘要】
1.一种基于Canvas的电子白板实现方法，其特征在于，包括：响应于用户针对所述电子白板执行的手势操作，修改Canvas转换矩阵的变换因子，所述手势操作用于变换所述电子白板上呈现的内容的呈现方式；以及基于修改后的Canvas转换矩阵，利用OpenGL完成所述电子白板上所呈现的内容的更新。2.根据权利要求1所述的电子白板实现方法，其特征在于，所述手势操作包括缩放手势操作和/或平移手势操作，并且所述变换因子包括缩放因子和/或者平移因子。3.根据权利要求1所述的电子白板实现方法，其特征在于，所述利用OpenGL完成所述电子白板上所显示的图形的更新的步骤包括：确定OpenGL的绘制顶点；以及基于所述绘制顶点和所述修改后的Canvas转换矩阵，利用OpenGL在所述电子白板上进行绘制。4.根据权利要求3所述的电子白板实现方法，其特征在于，所述确定OpenGL的绘制顶点的步骤包括：基于绘制路径中的线宽以及点坐标，按照画线算法确定OpenGL的绘制顶点。5.根据权利要求3所述的电子白板实现方法，其特征在于，所述利用OpenGL在所述电子白板上进行绘制的步骤包括：基于所述修改后的Canvas转换矩阵，对所述绘制顶点进行更新；以及使用更新后的绘制顶点在所述电子白板上进行绘制。6.根据权利要求5所述的电子白板实现方法，其特征在于，由GPU执行对所述绘制顶点进行更新的操作，并且/或者，由GPU使用更新后的绘制顶点在所述电子白板上进行绘制。7.根据权利要求5所述的电子白板实现方法，其特征在于，还包括：在所述绘制路径中保存所述更新后的绘制顶点。8.根据权利要求4所述的电子白板实现方法，其特征在于，还包括：响应于所述手势操作结束，对所述绘制路径中的线宽以及点坐标进行更新。9.一种电子白板实现方法，其特征在于，包括：使用第一图形处理工具呈现所述电子白板的显示内容；响应于用户针对所述电子白板执行的手势操作，修改第一图形处理工具的转换矩阵的变换因子，所述手势操作用于变换所述电子白板上呈现的内容的呈现方式；以及基于修改后的转换矩阵，利用第二图形处理工具完成所述电子白板上要呈现的内容的更新。10.一种基于Canvas的电子白板实现装置，其特征在于，包括：修改模块，用于响应于用户针对所述电子白板执行的手势操作，修改Canvas转换矩阵的变换因子，所述手势操作用于变换所述电子白板上呈现的内容的呈现方式；以及...

【专利技术属性】
技术研发人员：李进，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY