CN108108091A - 滑动轨迹的刷新显示方法及系统 - Google Patents

Abstract

本发明公开了一种滑动轨迹的刷新显示方法及系统，上述方法包括：在当前聊天室中，一个或多个客户端响应用户操作，采集用户在屏幕上滑动轨迹对应的多个坐标信息并保存；在第一预定时间到达时，一个或多个客户端向服务器发送多个坐标信息；对于每一个其他客户端，在接收到来自于至少一个客户端的坐标信息后，在第二预定时间到达时，刷新并显示接收到的坐标信息对应的滑动轨迹。根据本发明的方案，实现了一种支持画板透明的实时涂鸦功能，该涂鸦功能支持多人同时涂鸦，在支持显示本客户端用户涂鸦效果的同时，也支持实时显示当前聊天室内其他客户端用户的涂鸦成果。

Description

滑动轨迹的刷新显示方法及系统

技术领域

本发明涉及通信领域，具体而言，涉及一种滑动轨迹的刷新显示方法及系统。

背景技术

涂鸦是一种以用户随手绘制图形最终形成一幅完整图像的方法，用于记录用户的创作灵感以及美好事物。目前，电子类的涂鸦产品多见于个人电脑领域，用户通过鼠标、触屏、手写板等输入设备，记录所想表现的图形，然后保存到存储介质中。现有技术的涂鸦技术是基于所处平台系统的绘图接口，记录用户的输入轨迹，并对记录的轨迹进行分层叠加形成最终涂鸦的图形。或向用户提供一张或多张原始图形，记录用户在其基础上进行修改或增加的绘制元素，形成最终涂鸦的图形。

当前基于移动终端的涂鸦功能软件(如玩吧等)，其涂鸦功能都是使用html5的canvas实现，使用html5实现的画板存在一个缺憾，就是不能设置画板为透明，当画板打开时，会遮住背景的一些东西，如用户在视频时需要在人像上涂鸦，这时画板打开的话就会遮住视频图像，导致用户体验下降。

由于html不能实现为透明画板，所以在移动终端的应用软件上实现透明效果就只能使用各自平台的接口实现。但是对于如何实现涂鸦画板的透明效果，且支持多人实时涂鸦的功能，相关技术中还缺乏相应的技术方案。

发明内容

本发明的主要目的在于公开了一种滑动轨迹的刷新显示方法及系统，以至少解决相关技术中对于如何实现涂鸦画板的透明效果且支持多人实时涂鸦的功能，还缺乏相应技术方案的问题。

根据本发明的一个方面，提供了一种滑动轨迹的刷新显示方法。

根据本发明的滑动轨迹的刷新显示方法包括：在当前聊天室中，一个或多个客户端响应用户操作，采集上述用户在屏幕上滑动轨迹对应的多个坐标信息并保存；在第一预定时间到达时，上述一个或多个客户端向服务器发送上述多个坐标信息，以使上述服务器将接收到的来自上述一个或多个客户端的所有坐标信息分别推送至上述聊天室中除坐标信息发送方之外的其他客户端；对于每一个上述其他客户端，在接收到来自于至少一个客户端的坐标信息后，在第二预定时间到达时，刷新并显示接收到的坐标信息对应的滑动轨迹。

根据本发明的另一方面，提供了一种滑动轨迹的刷新显示系统。

根据本发明的滑动轨迹的刷新显示系统包括：一个或多个客户端，用于在当前聊天室中，响应用户操作，采集用户在屏幕上滑动轨迹对应的多个坐标信息并保存，在第一预定时间到达时，向服务器发送上述多个坐标信息，并且，在接收到来自于至少一个客户端的坐标信息后，在第二预定时间到达时，刷新并显示接收到的坐标信息对应的滑动轨迹；服务器，分别与上述一个或多个客户端相连接，用于接收来自于上述一个或多个客户端的多个坐标信息，将接收到的来自上述一个或多个客户端的所有坐标信息分别推送至上述聊天室中除坐标信息发送方之外的其他客户端。

根据本发明提供的技术方案，实现了一种支持画板透明的实时涂鸦功能，该涂鸦功能支持多人同时涂鸦，在支持显示本客户端用户涂鸦效果的同时，也支持实时显示当前聊天室内其他客户端用户的涂鸦成果。并且，在达到一定时长后才刷新显示，避免了频繁的刷新会导致主界面卡死的问题。

附图说明

图1是根据本发明实施例的滑动轨迹的刷新显示方法的流程图；

图2是根据本发明优选实施例的聊天室客户端及服务器的信息交互示意图；

图3是根据本发明优选实施例的采用用户在屏幕上滑动轨迹对应的多个坐标信息计算建立滑动轨迹的示意图；

图4是根据本发明实施例的滑动轨迹的刷新显示系统的结构框图；以及

图5是根据本发明优选实施例的android平台客户端的结构框图；

图6是根据本发明优选实施例的ios平台客户端的结构框图。

具体实施方式

下面结合说明书附图对本发明的具体实现方式做一详细描述。

图1是根据本发明实施例的滑动轨迹的刷新显示方法的流程图。如图1所示，该滑动轨迹的刷新显示方法包括：

步骤S101：在当前聊天室中，一个或多个客户端响应用户操作，采集上述用户在屏幕上滑动轨迹对应的多个坐标信息并保存；

步骤S103：在第一预定时间到达时，上述一个或多个客户端向服务器发送上述多个坐标信息，以使上述服务器将接收到的来自上述一个或多个客户端的所有坐标信息分别推送至上述聊天室中除坐标信息发送方之外的其他客户端；

步骤S105：对于每一个上述其他客户端，在接收到来自于至少一个客户端的坐标信息后，在第二预定时间到达时，刷新并显示接收到的坐标信息对应的滑动轨迹。

根据本发明提供的技术方案，实现了一种支持画板透明的实时涂鸦功能，该涂鸦功能支持多人同时涂鸦，在支持显示本客户端用户涂鸦效果的同时，也支持实时显示当前聊天室内其他客户端用户的涂鸦成果。并且，在达到一定时长后才刷新显示，避免了频繁的刷新会导致主界面卡死的问题。

在优选实施过程中，上述聊天室中的各个客户端均可以设置有一个或多个定时器，用于在上述第一预定时间到达时，触发客户端向服务器发送上述多个坐标信息的事件，以及在第二预定时间到达时，触发客户端刷新并显示接收到的坐标信息对应的滑动轨迹的事件，其中，上述第一预定时间设置为小于预设阈值。

例如，在客户端的涂鸦功能被启动时，启动一个周期性触发的定时器，用于定时发送滑动轨迹的坐标信息。该定时器设置的时长应当比较短，小于预定阈值，如100毫秒，由于该定时器设置的第一预定时长非常短，所以在当前聊天室中其他客户端上，接收涂鸦功能对应的滑动轨迹之后刷新显示时体现不出延迟效果，在用户视觉上达到了实时的效果。

以下结合图2进一步描述上述优选实施过程。

图2是根据本发明优选实施例的聊天室客户端及服务器的信息交互示意图。图2以在聊天室中一个客户端用户执行涂鸦功能为例进行说明，如图2所示，当前聊天室中的客户端1(CLIENT1)的用户执行涂鸦功能，CLIENT1响应用户操作，采集上述用户在屏幕上滑动轨迹对应的多个坐标信息并保存。在CLIENT1上涂鸦功能启动的同时，启动一个小于预设阈值时长触发一次(例如，100毫秒触发一次)的定时器，用于定时发送该滑动轨迹对应的多个坐标信息。需要说明的是，由于100毫秒非常短，所有其他接收涂鸦数据显示的客户端是看不出延迟的，在视觉上达到的实时的效果。当定时器设定的时间达到时，CLIENT1将用户在屏幕上滑动轨迹对应的多个坐标信息发送至服务器，服务器将该数据推送至CLIENT1所在的聊天室中的其他客户端CLIENT2、CLIENT3、CLIENT4、…CLIENTN。

优选地，步骤S101中，当上述一个或多个客户端为android平台客户端时，上述采集上述用户在屏幕上滑动轨迹对应的多个坐标信息并保存可以进一步包括：上述android平台客户端响应用户操作，回调触摸件触屏事件、触摸件在屏幕上滑动操作事件、以及触摸件离开屏幕事件；android平台客户端的SurfaceView组件采集上述用户在屏幕上滑动轨迹对应的多个坐标信息；android平台客户端的Path组件采用上述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹并存储。

优选地，步骤S101中，当上述一个或多个客户端为ios平台客户端时，上述采集上述用户在屏幕上滑动轨迹对应的多个坐标信息并保存包括：上述ios平台客户端响应用户操作，回调触摸件触屏事件、触摸件在屏幕上滑动操作事件、以及触摸件离开屏幕事件；ios平台客户端的UIView组件采集上述用户在屏幕上滑动轨迹对应的多个坐标信息；ios平台客户端的UIBezierPath组件采用上述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹并存储。

在优选实施过程中，当用户采用滑动操作执行体手指或其他触摸件在屏幕上的执行滑动触摸事件时，操作系统会回调以下事件：

对于iOS平台而言，主要有：

-(void)touchesBegan:(NSSet<UITouch*>*)touches withEvent:(UIEvent*)event；-(void)touchesMoved:(NSSet<UITouch*>*)touches withEvent:(UIEvent*)event；-(void)touchesEnded:(NSSet<UITouch*>*)touches withEvent:(UIEvent*)event；

其中，touchesBegan为触摸件(例如，手指)触屏事件回调，touchesMoved为触摸件在屏幕上滑动操作事件回调，touchesEnded为触摸件离开屏幕事件回调。

对于android平台而言，主要有：

ACTION_DOWN为触摸件(例如，手指)触屏事件回调，ACTION_MOVE为触摸件在屏幕上滑动操作事件回调，ACTION_UP为为触摸件离开屏幕事件回调。

当以上回调函数被调用时，回调方法会携带有当前触摸件所处位置的坐标。YWCanvasView类维护一个需要发送的坐标点集合(sendPoints)，将坐标信息记录到sendPoints中。从touchesBegan(ACTION_DOWN)到touchesEnded(ACTION_UP)所产生的坐标集合就是一条滑动轨迹的坐标信息。

在优选实施过程中，上述客户端可以是android平台客户端，当然也可以是ios平台客户端。由于界面显示需要用到各个平台的系统函数，所以android及ios的涂鸦显示需要分别实现，将客户端又分为android应用层、iOS应用层及共通底层库；底层库编译成动态库或者静态库使用。各主要模块功能如下：

Android应用层，使用SurfaceView组件作为涂鸦板，实现涂鸦的显示及触摸坐标的采集计算等。

iOS应用层，使用UIView组件作为涂鸦板，涂鸦线条在CAShapelayer图层上描画，一个滑动轨迹对应一个CAShapelayerr图层，使用UIBezierPath组件存储用户触摸的轨迹，需要显示滑动轨迹则将CAShapelayer图层添加到UIView，如不需要显示某个滑动轨迹，则将滑动轨迹所处的CAShapelayer图层从UIView移除即可。

共通底层库，主要实现一些在android及ios平台均可以使用的部分，如与服务器的交互。这里所说的服务器，主要实现涂鸦功能的管理以及涂鸦轨迹坐标等数据的分发。

优选地，上述采用上述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹可以进一步包括：当前滑动轨迹沿着P1坐标点至P2坐标点，然后到达P3坐标点，当上述P1至P2线段与上述P2至P3线段的夹角不为180度时，计算上述P1至P2线段的中间坐标点mid1以及上述P2至P3线段的中间坐标点mid2；在上述中间坐标点mid1和上述中间坐标点mid2之间拟合一条曲线段，其中，上述曲线偏离上述P2坐标点；将上述当前滑动轨迹设置为从P1坐标点起始，经由上述中间坐标点mid1，然后经由上述曲线段，再经由上述中间坐标点mid2至P3坐标点。

例如，如图3所示，P1、P2、P3为系统回调的坐标点，如果描绘时滑动轨迹直接从P1描绘至P2，再从P2描绘至P3，则滑动轨迹会在P2有一个尖锐的转折角,这种显示效果会造成用户视觉体验的下降。根据本发明实施例，采用计算两线段的中间点mid1和mid2，描绘滑动轨迹的方式，使滑动轨迹变为从P1坐标点起始，经由上述中间坐标点mid1，然后经由上述曲线段，再经由上述中间坐标点mid2至P3坐标点,这种轨迹描绘处理提高了用户的视觉体验。

优选地，当上述一个或多个客户端为android平台客户端时，上述刷新并显示接收到的坐标信息对应的滑动轨迹可以进一步包括：上述android平台客户端更新当前滑动轨迹对应的列表信息，并使用SurfaceView组件重新绘制上述接收到的坐标信息对应的滑动轨迹；当接收到用户的撤销操作指令时，上述android平台客户端响应上述撤销操作指令，将上述撤销操作对应的滑动轨迹的数据从上述列表信息中删除，并使用SurfaceView组件重新绘制并显示滑动轨迹。

优选地，当上述一个或多个客户端为ios平台客户端时，上述刷新并显示接收到的坐标信息对应的滑动轨迹可以进一步包括：上述ios平台客户端在需要显示当前滑动轨迹时，将该滑动轨迹对应CAShapelayer图层添加至UIView组件上，其中，各个绘制的滑动轨迹均设置于一个独立的CAShapelayer图层上；当接收到用户的撤销操作指令时，上述ios平台客户端响应上述撤销操作指令，将上述撤销操作对应的滑动轨迹的数据从滑动轨迹列表信息中删除，并将该滑动轨迹对应的CAShapelayer图层从UIView组件上删除。

在优选实施过程中，android平台不支持增量更新，所以需要记录下所有的滑动轨迹信息，每次刷新时，把所有滑动轨迹重新再描绘一次，由于使用的是SurfaceView组件，所以即使描绘了很多的滑动轨迹也不会影响主界面的操作。iOS平台将每条滑动轨迹的绘制放在一个单独的CAShapeLayer图层，需要显示滑动轨迹时将该滑动轨迹所处的图层添加到主画板UIView视图即可。YWCanvasView维护了一个所有线条的列表，当需要撤销某一条滑动轨迹时，android需要需要将该滑动轨迹的数据从总线列表删除，再重新描绘一次所有的滑动轨迹，而iOS只需要将该滑动轨迹数据从总线条列表删除，然后将滑动轨迹所处的图层从涂鸦板视图移除即可，不需要重绘剩余的滑动轨迹。

涂鸦功能支持一人或多人同时涂鸦，当多人同时涂鸦时，由于发送滑动轨迹坐标的时间间隔为第一预定时长，设置时间较短，例如100毫秒，如果多个人同时涂鸦时，界面显示刷新会很频繁，尤其是iOS，频繁的刷新会导致主界面卡死，故需要统一管理界面刷新。

上面提过当涂鸦功能启动时，启动了一个周期触发一次的定时器，该定时器除了定时发送滑动轨迹坐标外，还可以负责涂鸦板的刷新，系统将在第二预定时长(例如，设置100毫秒)内收到的所有滑动轨迹信息统一刷新，而不是收到滑动轨迹数据立刻刷新。

Android平台当接收到新的滑动轨迹数据时，将需要更新画板的标识改为需要更新状态，当定时器被触发时，重新描绘一次所有轨迹。

iOS平台YWCanvasView维护了一个滑动轨迹列表(lines)，记录界面显示的所有线集合。还有需要更新的线条集合(udpLines)及需要删除的线条集合(delLines),当客户端接收到服务器的滑动轨迹坐标数据时，将滑动轨迹坐标连成轨迹添加到udpLines中，当接收到服务器的删除滑动轨迹通知时，将需要删除的轨迹添加到delLines中。当定时器被触发时将udpLines中的所有滑动轨迹的图层添加到涂鸦板中显示，将delLines中的所有线条所处的图层从涂鸦板移除。

图4是根据本发明实施例的滑动轨迹的刷新显示系统的结构框图。如图4所示，该滑动轨迹的刷新显示系统包括：一个或多个客户端10、12、…1N，用于在当前聊天室中，响应用户操作，采集用户在屏幕上滑动轨迹对应的多个坐标信息并保存，在第一预定时间到达时，向服务器发送上述多个坐标信息，并且，在接收到来自于至少一个客户端的坐标信息后，在第二预定时间到达时，刷新并显示接收到的坐标信息对应的滑动轨迹；以及服务器20，分别与上述一个或多个客户端10、12、…1N相连接，用于接收来自于上述一个或多个客户端10、12、…1N的多个坐标信息，将接收到的来自上述一个或多个客户端的所有坐标信息分别推送至上述聊天室中除坐标信息发送方之外的其他客户端。

根据本发明提供的系统，实现了一种支持画板透明的实时涂鸦功能，该涂鸦功能支持多人同时涂鸦，在支持显示本客户端用户涂鸦效果的同时，也支持实时显示当前聊天室内其他客户端用户的涂鸦成果。并且，在达到一定时长后才刷新显示，避免了频繁的刷新会导致主界面卡死的问题。

优选地，如图5所示，当上述一个或多个客户端为android平台客户端时，上述android平台客户端可以进一步包括：第一采集模块50和第一刷新显示模块52，其中，

上述第一采集模块50可以进一步包括：第一回调单元500，用于响应用户操作，回调滑动操作执行体触屏事件、滑动操作执行体在屏幕上滑动操作事件、以及滑动操作执行体离开屏幕事件；第一采集单元502，用于触发SurfaceView组件采集上述用户在屏幕上滑动轨迹对应的多个坐标信息；第一计算存储单元504，用于触发Path组件采用上述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹并存储；

上述第一刷新显示模块52可以进一步包括：第一更新单元520，用于更新当前滑动轨迹对应的列表信息，当接收到用户的撤销操作指令时，响应上述撤销操作指令，将上述撤销操作对应的滑动轨迹的数据从上述列表信息中删除；绘制单元522，用于触发SurfaceView组件重新绘制上述接收到的坐标信息对应的滑动轨迹。

优选地，如图6所示，当上述一个或多个客户端为ios平台客户端时，上述ios平台客户端可以进一步包括：第二采集模块60和第二刷新显示模块62，其中，

上述第二采集模块60可以进一步包括：第二回调单元600，用于响应用户操作，回调滑动操作执行体触屏事件、滑动操作执行体在屏幕上滑动操作事件、以及滑动操作执行体离开屏幕事件；第二采集单元602，用于触发UIView组件采集上述用户在屏幕上滑动轨迹对应的多个坐标信息；第二计算存储单元604，用于触发UIBezierPath组件采用上述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹并存储；

上述第二刷新显示模块62可以进一步包括：第二更新单元620，用于更新当前滑动轨迹对应的列表信息，当接收到用户的撤销操作指令时，响应上述撤销操作指令，将上述撤销操作对应的滑动轨迹的数据从上述列表信息中删除；图层处理单元622，用于在需要显示当前滑动轨迹时，将该滑动轨迹对应CAShapelayer图层添加至UIView组件上，当接收到用户的撤销操作指令时，并将该滑动轨迹对应的CAShapelayer图层从UIView组件上删除。

综上所述，借助本发明提供的上述实施例，实现了一种支持画板透明的实时涂鸦功能，该涂鸦功能支持多人同时涂鸦，在支持显示本客户端用户涂鸦效果的同时，也支持实时显示当前聊天室内其他客户端用户的涂鸦成果。定时发送涂鸦数据的时长非常短，所有其他接收涂鸦数据显示的客户端在视觉上察觉不到延迟，达到了实时的效果。轨迹描绘处理上避免了出现尖锐的转折角，提高了用户的视觉体验。在达到一定时长后才刷新显示，避免了频繁的刷新会导致主界面卡死的问题。

以上公开的仅为本发明的几个具体实施例，但是，本发明并非局限于此，任何本领域的技术人员能思之的变化都应落入本发明的保护范围。

Claims (10)

1.一种滑动轨迹的刷新显示方法，其特征在于，包括：

在当前聊天室中，一个或多个客户端响应用户操作，采集所述用户在屏幕上滑动轨迹对应的多个坐标信息并保存；

在第一预定时间到达时，所述一个或多个客户端向服务器发送所述多个坐标信息，以使所述服务器将接收到的来自所述一个或多个客户端的所有坐标信息分别推送至所述聊天室中除坐标信息发送方之外的其他客户端；

对于每一个所述其他客户端，在接收到来自于至少一个客户端的坐标信息后，在第二预定时间到达时，刷新并显示接收到的坐标信息对应的滑动轨迹。

2.根据权利要求1所述的方法，其特征在于，当所述一个或多个客户端为android平台客户端时，所述采集所述用户在屏幕上滑动轨迹对应的多个坐标信息并保存包括：

所述android平台客户端响应用户操作，回调触摸件触屏事件、触摸件在屏幕上滑动操作事件、以及触摸件离开屏幕事件；

android平台客户端的SurfaceView组件采集所述用户在屏幕上滑动轨迹对应的多个坐标信息；

android平台客户端的Path组件采用所述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹并存储。

3.根据权利要求1所述的方法，其特征在于，当所述一个或多个客户端为ios平台客户端时，所述采集所述用户在屏幕上滑动轨迹对应的多个坐标信息并保存包括：

所述ios平台客户端响应用户操作，回调触摸件触屏事件、触摸件在屏幕上滑动操作事件、以及触摸件离开屏幕事件；

ios平台客户端的UIView组件采集所述用户在屏幕上滑动轨迹对应的多个坐标信息；

ios平台客户端的UIBezierPath组件采用所述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹并存储。

4.根据权利要求2或3所述的方法，其特征在于，所述采用所述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹包括：

当前滑动轨迹沿着P1坐标点至P2坐标点，然后到达P3坐标点，当所述P1至P2线段与所述P2至P3线段的夹角不为180度时，计算所述P1至P2线段的中间坐标点mid1以及所述P2至P3线段的中间坐标点mid2；

在所述中间坐标点mid1和所述中间坐标点mid2之间拟合一条曲线段，其中，所述曲线偏离所述P2坐标点；

将所述当前滑动轨迹设置为从P1坐标点起始，经由所述中间坐标点mid1，然后经由所述曲线段，再经由所述中间坐标点mid2至P3坐标点。

5.根据权利要求1所述的方法，其特征在于，当所述一个或多个客户端为android平台客户端时，所述刷新并显示接收到的坐标信息对应的滑动轨迹包括：

所述android平台客户端更新当前滑动轨迹对应的列表信息，并使用SurfaceView组件重新绘制所述接收到的坐标信息对应的滑动轨迹；

当接收到用户的撤销操作指令时，所述android平台客户端响应所述撤销操作指令，将所述撤销操作对应的滑动轨迹的数据从所述列表信息中删除，并使用SurfaceView组件重新绘制并显示滑动轨迹。

6.根据权利要求1所述的方法，其特征在于，当所述一个或多个客户端为ios平台客户端时，所述刷新并显示接收到的坐标信息对应的滑动轨迹包括：

所述ios平台客户端在需要显示当前滑动轨迹时，将该滑动轨迹对应CAShapelayer图层添加至UIView组件上，其中，各个绘制的滑动轨迹均设置于一个独立的CAShapelayer图层上；

当接收到用户的撤销操作指令时，所述ios平台客户端响应所述撤销操作指令，将所述撤销操作对应的滑动轨迹的数据从滑动轨迹列表信息中删除，并将该滑动轨迹对应的CAShapelayer图层从UIView组件上删除。

7.根据权利要求1至6中任一项所述的方法，其特征在于，所述聊天室中的各个客户端均设置有一个或多个定时器，用于在所述第一预定时长到达时，触发客户端向服务器发送所述多个坐标信息的事件，以及在第二预定时间到达时，触发客户端刷新并显示接收到的坐标信息对应的滑动轨迹的事件，其中，所述第一预定时长设置为小于预设阈值。

8.一种滑动轨迹的刷新显示系统，其特征在于，包括：

一个或多个客户端，用于在当前聊天室中，响应用户操作，采集用户在屏幕上滑动轨迹对应的多个坐标信息并保存，在第一预定时间到达时，向服务器发送所述多个坐标信息，并且，在接收到来自于至少一个客户端的坐标信息后，在第二预定时间到达时，刷新并显示接收到的坐标信息对应的滑动轨迹；

服务器，分别与所述一个或多个客户端相连接，用于接收来自于所述一个或多个客户端的多个坐标信息，将接收到的来自所述一个或多个客户端的所有坐标信息分别推送至所述聊天室中除坐标信息发送方之外的其他客户端。

9.根据权利要求8所述的系统，其特征在于，当所述一个或多个客户端为android平台客户端时，所述android平台客户端包括：第一采集模块和第一刷新显示模块，其中，

所述第一采集模块包括：

第一回调单元，用于响应用户操作，回调滑动操作执行体触屏事件、滑动操作执行体在屏幕上滑动操作事件、以及滑动操作执行体离开屏幕事件；

第一采集单元，用于触发SurfaceView组件采集所述用户在屏幕上滑动轨迹对应的多个坐标信息；

第一计算存储单元，用于触发Path组件采用所述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹并存储；

所述第一刷新显示模块包括：

第一更新单元，用于更新当前滑动轨迹对应的列表信息，当接收到用户的撤销操作指令时，响应所述撤销操作指令，将所述撤销操作对应的滑动轨迹的数据从所述列表信息中删除；

绘制单元，用于触发SurfaceView组件重新绘制所述接收到的坐标信息对应的滑动轨迹。

10.根据权利要求8所述的系统，其特征在于，当所述一个或多个客户端为ios平台客户端时，所述ios平台客户端包括：第二采集模块和第二刷新显示模块，其中，

所述第二采集模块包括：

第二回调单元，用于响应用户操作，回调滑动操作执行体触屏事件、滑动操作执行体在屏幕上滑动操作事件、以及滑动操作执行体离开屏幕事件；

第二采集单元，用于触发UIView组件采集所述用户在屏幕上滑动轨迹对应的多个坐标信息；

第二计算存储单元，用于触发UIBezierPath组件采用所述用户在屏幕上滑动轨迹对应的多个坐标信息计算，建立滑动轨迹并存储；

所述第二刷新显示模块包括：

第二更新单元，用于更新当前滑动轨迹对应的列表信息，当接收到用户的撤销操作指令时，响应所述撤销操作指令，将所述撤销操作对应的滑动轨迹的数据从所述列表信息中删除；

图层处理单元，用于在需要显示当前滑动轨迹时，将该滑动轨迹对应CAShapelayer图层添加至UIView组件上，当接收到用户的撤销操作指令时，并将该滑动轨迹对应的CAShapelayer图层从UIView组件上删除。