[发明专利]高性能网页实时绘画互动方法及其系统

权利要求书

1.一种高性能网页实时绘画互动方法，基于HTML5的画布功能，其特征在于：

包括：

记录绘画命令，在每一个周期内形成图形变化的命令数据；

对所有的命令数据按照记录所产生的时间先后秩序规则进入通道；

由通道中读取命令数据并刷新至画布中。

2.根据权利要求1所述的高性能网页实时绘画互动方法，其特征在于，

所述记录绘画命令，在每一个周期内形成图形变化的命令数据，包括：

设置绘画命令记录方法，记录每个绘画操作周期结束时的画布存在图形变化后的命令组，并以命名组为单位绘制出内存位图。

3.根据权利要求2所述的高性能网页实时绘画互动方法，其特征在于，

所述对所有的命令数据按照记录所产生的时间先后秩序规则进入通道包括：

创建一个内存位图缓存区作为通道，将绘画模块所绘制的内存位图按记录产生的时间先后秩序规则存入该缓存区。

4.根据权利要求3所述的高性能网页实时绘画互动方法，其特征在于，

所述由通道中读取命令数据并刷新至画布中包括：

读取缓存模块中的内存位图缓存区所缓存的内存位图刷新显示至画布中。

5.一种高性能网页实时绘画互动系统，其特征在于，所述系统包括：

绘画模块，用于记录绘画命令，在每一个周期内形成图形变化的命令数据；其中，命令数据包括记录每个绘画操作周期结束时的画布存在图形变化后的命令组，命令数据以命名组为单位的形式绘制出内存位图，并发送至缓存模块；

缓存模块，用于按照记录所产生的时间先后秩序规则存储所有的内存位图；

刷新模块，用于读取缓存模块中的内存位图缓存区所缓存的内存位图刷新显示至画布中。

6.根据权利要求5所述的高性能网页实时绘画互动系统，其特征在于，

所述绘画模块中还包括：

多个绘画记录单元，每个所述绘画记录单元用于存储绘画命令记录的方法。

7.根据权利要求6所述的高性能网页实时绘画互动系统，其特征在于，

所述绘画操作周期由所有绘画记录单元的单次单个调用进行绘画的周期长度形成。

8.根据权利要求7所述的高性能网页实时绘画互动系统，其特征在于，

所述刷新模块读取缓存模块中的内存位图缓存区所缓存的内存位图并刷新显示至画布中，读取时以先入先出的规则读取。

9.根据权利要求8所述的高性能网页实时绘画互动系统，其特征在于，

每个画布设置有唯一标识；在绘画模块中，在用户每次调用封装的各类绘画记录单元进行绘画操作时，通过其绘画记录单元调用时的各项数据参数捕捉到画布上图形的像素点数据变化，用以计算出当用户发生各种绘画操作时，画布中所绘画的图形的各个像素点的数据变化，得出一个像素数据组，其中包含了图形中所有存在变化的像素点数据，然后结合画布的唯一标识形成一个图形变化数据组；

所述绘画模块将内存位图和图形变化数据组同时发送至缓存模块。

10.根据权利要求9所述的高性能网页实时绘画互动系统，其特征在于，

所述缓存模块还包括；

图像变化数据缓存区，将监听计算得出的每一个图形变化数据组存入该缓存区，基于websocket技术使得所有客户端与服务端形成持久的连接。