CN113093969A - 手绘轨迹渲染方法、装置、电子设备、介质及程序产品 - Google Patents

Abstract

本申请涉及一种手绘轨迹渲染方法、装置、电子设备、介质及程序产品，应用于计算机技术领域，所述方法包括：当检测到用户的手绘操作时，在第一图形上下文中对用户当前的手绘轨迹进行实时绘制，得到第一位图数据；当检测到用户的手绘完成操作时，将第一图形上下文中的第一位图数据清除；在第二图形上下文中对手绘轨迹进行绘制，得到第二位图数据，并存储第二位图数据。本申请可以提高手绘轨迹渲染的流畅性。

Description

手绘轨迹渲染方法、装置、电子设备、介质及程序产品

技术领域

本申请涉及计算机技术领域，尤其涉及一种手绘轨迹渲染方法、装置、电子设备、介质及程序产品。

背景技术

随着移动终端设备的发展，用户可以在具有显示屏的终端设备上进行手绘涂鸦等。在在线教育场景下，主讲老师可以在课件上手写内容，并根据手写的内容进行课程讲解。如果主讲老师所使用的终端设备为IOS系统，在主讲老师手写的内容比较多的情况下，将会出现卡顿现象。

发明内容

为了解决上述技术问题或者至少部分地解决上述技术问题，本申请提供了一种手绘轨迹渲染方法、装置、电子设备、介质及程序产品。

根据本申请的第一方面，提供了一种手绘轨迹渲染方法，包括：

当检测到用户的手绘操作时，在第一图形上下文中对所述用户当前的手绘轨迹进行实时绘制，得到第一位图数据；

当检测到用户的手绘完成操作时，将所述第一图形上下文中的所述第一位图数据清除；

在第二图形上下文中对所述手绘轨迹进行绘制，得到第二位图数据，并存储所述第二位图数据。

根据本申请的第二方面，提供了一种手绘轨迹渲染装置，包括：

第一绘制模块，用于当检测到用户的手绘操作时，在第一图形上下文中对所述用户当前的手绘轨迹进行实时绘制，得到第一位图数据；

位图数据清除模块，用于当检测到用户的手绘完成操作时，将所述第一图形上下文中的所述第一位图数据清除；

第二绘制模块，用于在第二图形上下文中对所述手绘轨迹进行绘制，得到第二位图数据，并存储所述第二位图数据。

根据本申请的第三方面，提供了一种电子设备，包括：

处理器；以及

存储程序的存储器，

其中，所述程序包括指令，所述指令在由所述处理器执行时使所述处理器执行第一方面所述的方法。

根据本申请的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行第一方面所述的方法。

根据本申请的第五方面，提供了一种计算机程序产品，包括计算机程序，其中，所述计算机程序在被处理器执行时实现第一方面所述的方法。

本申请实施例提供的技术方案与现有技术相比具有如下优点：

在用户手绘操作过程中，通过在第一图形上下文中对用户当前的手绘轨迹进行实时绘制，在用户执行手绘完成操作之后，即一笔绘制完成之后，将第一图形上下文中的第一位图数据清除，并在第二图形上下文中对当前的手绘轨迹进行绘制，得到第二位图数据，并存储第二位图数据。可见，在第一图形上下文只实时绘制当前一笔，可以降低渲染量。并且，由于实时绘制所占用的CPU和内存较高，只绘制当前一笔，也可以占用更好地CPU和内存。在第二图形上下文中绘制当前的手绘轨迹，即第二图形上下文对已经绘制的历史轨迹也不再重新绘制，从而可以避免每次全量渲染带来的书写不流畅的问题。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例中的一种手绘场景示意图；

图2为本申请实施例中手绘轨迹渲染方法的一种流程图；

图3为本申请实施例中第一图形上下文和第二图形上下文的位置关系示意图；

图4为本申请实施例中第一图形上下文和第二图形上下文的绘制过程示意图；

图5a为本申请实施例中手绘轨迹渲染方法的又一种流程图；

图5b为本申请实施例中手绘轨迹渲染方法的又一种流程图；

图6为本申请实施例中手绘轨迹渲染装置的一种结构示意图；

图7为本申请实施例中电子设备的一种结构示意图。

具体实施方式

为了能够更清楚地理解本申请的上述目的、特征和优点，下面将对本申请的方案进行进一步描述。需要说明的是，在不冲突的情况下，本申请的实施例及实施例中的特征可以相互组合。

在下面的描述中阐述了很多具体细节以便于充分理解本申请，但本申请还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本申请的一部分实施例，而不是全部的实施例。

参见图1，图1为本申请实施例中的一种手绘场景示意图。在在线教育场景下，主讲老师为了使学生能够更好地理解教学内容，可以在教学课件上板书。例如，可以通过手绘的方式对教学课件进行备注，或补充更多相关的教学内容等等。

相关技术中，如果主讲老师所使用的终端设备为IOS 系统 (如iPhone手机或iPad平板电脑)，可以使用UIBezierPath(贝塞尔曲线)来记录手绘的轨迹，每次绘制的轨迹更新后调用setNeedsDisplay（IOS 系统中的应用程序接口函数）来触发界面重绘，然后在drawRect方法里对所生成的轨迹统一进行绘制。然而，如果绘制的轨迹很多，将会需要比较长的时间进行渲染，容易造成卡顿。

或者，也可以使用OpenGL（Open Graphics Library，开放图形库）的SDK（软件开发工具包），通过绘制点集合绘制线段并进行连接，实现绘制功能。并且OpenGL可以充分利用硬件的渲染能力，可以加快渲染速度。但是，OpenGL的学习成本比较高，需要熟练掌握OpenGL的原理，另外，画线是通过绘制点集合实现的，会导致绘制的曲线轨迹里面存在重复绘制的部分，效率不高。并且，由于引入了OpenGL的SDK，也会导致APP安装包的大小增加。

为了解决上述问题，本申请实施例提供了一种手绘轨迹渲染方法、装置、电子设备及存储介质，可以提高手绘轨迹渲染的流畅性。并且，也不会导致APP安装包大小的增加。

参见图2，图2为本申请实施例中手绘轨迹渲染方法的一种流程图，可以包括以下步骤：

步骤S210，当检测到用户的手绘操作时，在第一图形上下文中对用户当前的手绘轨迹进行实时绘制，得到第一位图数据。

本申请实施例中，第一图形上下文和下述的第二图形上下文相当于“画布”，均用于对用户的手绘轨迹进行绘制，即本申请通过两个图形上下文进行分层绘制。参见图3，图3为本申请实施例中第一图形上下文和第二图形上下文的位置关系示意图，可以看出，第一图形上下文可以位于第二图形上下文之上。当检测到用户的手绘操作时，第一图形上下文对用户当前的手绘轨迹进行实时绘制，得到第一位图数据，这样，可以实时显示用户的手绘轨迹，避免发生延时，影响用户体验。

需要说明的是，手绘操作指的是用户绘制每一笔对应的操作，即从触摸到屏幕至从屏幕抬起的过程。从屏幕抬起之后，手绘操作结束。相应地，用户当前的手绘轨迹也就是用户绘制当前一笔对应的轨迹。例如，如果用户触摸屏幕并手绘之后，从屏幕抬起再触摸屏幕继续手绘，那么，此时对应两个手绘操作。在执行第一个手绘操作时，可以执行步骤S210。从屏幕抬起再触摸屏幕继续手绘时，即执行第二个手绘操作时，也可以执行步骤S210。

步骤S220，当检测到用户的手绘完成操作时，将第一图形上下文中的第一位图数据清除。

如前所述，如果检测到用户的手绘完成操作，即从屏幕抬起的操作，表示手绘操作结束，用户已完成一笔手绘轨迹。此时，可以将第一位图数据清除，即，不存储第一位图数据。这样，在用户进行下一次手绘操作时，仍然只绘制下一笔，用户下一次手绘操作完成之后，同样清除第一位图数据。

可以看出，针对第一图形上下文，由于不存储历史的位图数据，因此第一图形上下文的处理逻辑比较简单，即每次只绘制当前一笔，可以降低渲染量。并且，由于第一图形上下文用于实时绘制，在实时绘制时所占用的CPU和内存较高，只绘制当前一笔时，也可以降低所占用的CPU和内存。

步骤S230，在第二图形上下文中对该手绘轨迹进行绘制，得到第二位图数据，并存储第二位图数据。

本申请实施例中，由于第一图形上下文在对当前的手绘轨迹绘制完成之后，清除了第一图形上下文中的第一位图数据，因此，可以在第二图形上下文中对用户当前的手绘轨迹进行绘制，即增量绘制，得到第二位图数据。可以看出，与前述第一图形上下文的实时绘制过程不同，第二图形上下文是在用户绘制完成一笔手绘轨迹之后再进行绘制，该过程不影响用户的实时绘制，仅在触摸结束后空闲时占用CPU和内存进行渲染。

参见图4，图4为本申请实施例中第一图形上下文和第二图形上下文的绘制过程示意图，可以看出，在用户触摸到屏幕之后，在第一图形上下文中开始绘制，在用户移动过程中也会实时绘制，在此过程中第二图形上下文不处理。在用户从屏幕抬起后，第一图形上下文中的实时绘制过程结束，第一图形上下文中清除已经生成的第一位图数据。并且，在第二图形上下文再绘制当前的手绘轨迹。即，第二图形上下文对已经绘制的内容不再重新绘制，在用户新增绘制操作后，再在该第二图形上下文中绘制新增加的触摸位置坐标。

在第二图形上下文中绘制得到第二位图数据后，还可以存储第二位图数据。需要说明的是，本步骤虽然针对当前手绘轨迹对应第二位图数据进行存储，但是，在用户绘制多个手绘轨迹的情况下，对于当前手绘轨迹之前的每个历史手绘轨迹均已经执行了存储过程，即本申请存储用户绘制的所有手绘轨迹的第二位图数据。例如，如果当前手绘轨迹为第三笔，可以存储该第三笔对应的第二位图数据。在此之前，在当前手绘轨迹为第一笔时，存储第一笔对应的第二位图数据；在当前手绘轨迹为第二笔时，存储第二笔对应的第二位图数据。即，在第三笔绘制完成之后，存储有第一笔、第二笔和第三笔分别对应的第二位图数据。

申请实施例的手绘轨迹渲染方法，在用户手绘操作过程中，通过在第一图形上下文中对用户当前的手绘轨迹进行实时绘制，在用户执行手绘完成操作之后，即一笔绘制完成之后，将第一图形上下文中的第一位图数据清除，并在第二图形上下文中对当前的手绘轨迹进行绘制，得到第二位图数据，并存储第二位图数据。可见，在第一图形上下文只实时绘制当前一笔，可以降低渲染量。并且，由于实时绘制所占用的CPU和内存较高，只绘制当前一笔，也可以占用更好地CPU和内存。在第二图形上下文中只绘制当前的手绘轨迹，即第二图形上下文对已经绘制的内容也不再重新绘制，从而可以避免每次全量渲染带来的书写不流畅的问题。

参见图5a，图5a为本申请实施例中手绘轨迹渲染方法的又一种流程图，可以包括以下步骤：

步骤S502，创建内存空间，并在内存空间中创建第一图形上下文和第二图形上下文。

本申请实施例中，通过创建单独的内存空间，在内存空间中创建第一图形上下文和第二图形上下文，这样，手绘轨迹渲染过程中，在第一图形上下文生成的第一位图数据，以及在第二图形上下文生成的第二位图数据均可以存储在该内存空间中，从而可以阻隔系统刷新该内存空间中已渲染的内容，即避免系统干预。

步骤S504，当检测到用户的手绘操作时，在第一图形上下文对用户当前的手绘轨迹进行实时绘制，得到第一位图数据。

步骤S506，当检测到用户的手绘完成操作时，将第一图形上下文中的第一位图数据清除。

步骤S508，在第二图形上下文中对手绘轨迹进行绘制，得到第二位图数据，并存储第二位图数据。

上述步骤S504~步骤S508与图2实施例中步骤S210~步骤S230相同，具体参见图2实施例中的描述即可，在此不再赘述。

参见图5b，图5b为本申请实施例中手绘轨迹渲染方法的又一种流程图，可以包括以下步骤：

步骤S510，创建子线程和内存空间，并通过子线程在内存空间中创建第一图形上下文和第二图形上下文。

本申请实施例的手绘轨迹渲染方法，可以在主线程执行，也可以创建子线程，在子线程中执行，可以避免主线程发生阻塞。例如，在通过子线程执行的情况下，可以预先通过CGBitmapContextCreate（IOS系统的应用程序接口函数）创建内存空间，并在该内存空间中创建第一图形上下文和第二图形上下文，用于渲染数据，渲染得到的第一位图数据和第二位图数据均可以存储在该内存空间中。通过创建单独的内存空间，可以阻隔系统刷新该内存空间中已渲染的内容，即避免系统干预。

步骤S520，当检测到用户的手绘操作时，通过子线程在第一图形上下文对用户当前的手绘轨迹进行实时绘制，得到第一位图数据。

本申请实施例中，当检测到用户的手绘操作时，第一图形上下文对用户当前的手绘轨迹进行实时绘制的过程可以在子线程执行，以尽可能保证主线程的流畅性。其中，由于用户在手绘操作过程中，通常先触摸屏幕，然后在屏幕上移动形成手绘轨迹，因此，检测到用户的手绘操作可以包括：检测到用户的触摸操作和移动操作。在特殊情况下，用户也可以手绘一个点，即用户触摸屏幕之后直接抬起，此时检测到用户的手绘操作包括检测到用户的触摸操作。

需要说明的是，本申请可以由主线程检测用户的手绘操作，例如主线程接收到触摸事件和移动事件后，可以向子线程发送该触摸事件和移动事件，子线程接收到触摸事件和移动事件后，可以通过IOS系统应用程序接口，在第一图形上下文对用户当前的手绘轨迹进行实时绘制，得到第一位图数据。

用户在触摸到屏幕并在屏幕上移动过程中，通常对应有多个连续的触摸位置坐标，每个触摸位置坐标均对应有时间戳。手绘轨迹的生成方法可以是：将对应的时间戳位于标记时间戳之后的触摸位置坐标作为目标触摸位置坐标；按照目标触摸位置坐标对应的时间戳的先后顺序，通过CGContextAddLineToPoint（IOS系统的应用程序接口函数）将目标触摸位置坐标连接，生成手绘轨迹。其中，标记时间戳可以是用户前一次手绘操作的结束时刻。具体的，在每次手绘操作结束之后，可以记录该时间戳，并将该时间戳作为标记时间戳。例如，在检测到用户的手绘完成操作时，记录对应的时间戳，并将该时间戳作为标记时间戳。或者，也可以直接记录当前的手绘操作对应的起始时间戳，即触摸屏幕时的时间戳，获取位于该时间戳之后的触摸位置坐标作为目标触摸位置坐标，将目标触摸位置坐标连接，生成手绘轨迹。

步骤S530，当检测到用户的手绘完成操作时，通过子线程将第一图形上下文中的第一位图数据清除。

同样地，主线程接收到抬起事件后，可以向子线程发送该抬起事件，子线程接收到该抬起事件后，可以将第一图形上下文中的第一位图数据清除。

步骤S540，存储该手绘轨迹。

需要说明的是，在用户每手绘完成一笔之后，均可以存储该手绘轨迹，这样，在第二图形上下文中可以再次对该手绘轨迹进行绘制。

步骤S550，通过子线程在第二图形上下文中对手绘轨迹进行绘制，得到第二位图数据，并存储第二位图数据。

本申请实施例中，通过子线程在第二图形上下文中对手绘轨迹进行绘制时，可以获取用户手绘操作过程中的各个触摸位置坐标和触摸位置坐标对应的时间戳；根据各个触摸位置坐标和触摸位置坐标对应的时间戳，生成手绘轨迹。之后，在第二图形上下文中对所生成的手绘轨迹进行绘制，具体可以通过IOS系统应用程序接口（例如CGContextStrokePath、CGBitmapContextCreateImage），在第二图形上下文中对所生成的手绘轨迹进行绘制，生成第二位图数据。

本申请实施例中，在得到第一位图数据或第二位图数据之后，可以通过子线程将第一位图数据或第二位图数据发送至主线程，以在主线程显示第一位图数据或第二位图数据。即，本申请的位图数据仍然通过主线程显示。另外，针对多个手绘操作的情况，各个手绘操作对应的手绘轨迹渲染过程可以在子线程中按时间顺序串行执行。

申请实施例的手绘轨迹渲染方法，可以创建用于渲染的内存空间，并在该内存空间中创建第一图形上下文和第二图形上下文，在用户手绘操作过程中，在第一图形上下文中对用户当前的手绘轨迹进行实时绘制的过程可以在子线程完成，在用户执行手绘完成操作之后，即一笔绘制完成之后，通过子线程将第一图形上下文中的第一位图数据清除，并且，在第二图形上下文中对当前的手绘轨迹进行绘制的过程也可以在子线程完成，从而得到第二位图数据，并存储第二位图数据。可见，在第一图形上下文只实时绘制当前一笔，可以降低渲染量。并且，由于实时绘制所占用的CPU和内存较高，只绘制当前一笔，也可以占用更好地CPU和内存。在第二图形上下文中进行增量渲染，即第二图形上下文对已经绘制的内容也不再重新绘制，从而可以避免每次全量渲染带来的书写不流畅的问题。由于所有的绘制操作均在子线程完成，并结合上述分层绘制（即通过两个图形上下文进行绘制）的逻辑，可以尽可能保证主线程的流畅性，避免卡顿。另外，本申请所有代码均使用IOS系统API，因此引入后，也不会导致APP安装包大小有任何增加。

相应于上述方法实施例，本申请实施例还提供了一种手绘轨迹渲染装置，参见图6，该手绘轨迹渲染装置600包括：

第一绘制模块610，用于当检测到用户的手绘操作时，在第一图形上下文中对用户当前的手绘轨迹进行实时绘制，得到第一位图数据；

位图数据清除模块620，用于当检测到用户的手绘完成操作时，将第一图形上下文中的第一位图数据清除；

第二绘制模块630，用于在第二图形上下文中对手绘轨迹进行绘制，得到第二位图数据，并存储第二位图数据。

在一种可选的实施方式中，上述手绘轨迹渲染装置还包括：

内存空间创建模块，用于创建内存空间；

图形上下文创建模块，用于在该内存空间中创建第一图形上下文和第二图形上下文。

在一种可选的实施方式中，上述手绘轨迹渲染装置还包括：

子线程创建模块，用于创建子线程；

图形上下文创建模块，具体用于通过子线程在内存空间中创建第一图形上下文和第二图形上下文；

第一绘制模块610，具体用于通过子线程在第一图形上下文对用户当前的手绘轨迹进行绘制；

位图数据清除模块620，具体用于通过子线程将第一图形上下文中的第一位图数据清除；

第二绘制模块630，具体用于通过子线程在第二图形上下文中对手绘轨迹进行绘制。

在一种可选的实施方式中，上述手绘轨迹渲染装置还包括：

位图数据显示模块，用于在得到第一位图数据或第二位图数据之后，通过子线程将第一位图数据或第二位图数据发送至主线程，以在主线程显示第一位图数据或第二位图数据。

在一种可选的实施方式中，第二绘制模块630，具体用于获取用户手绘操作过程中的各个触摸位置坐标和触摸位置坐标对应的时间戳；根据各个触摸位置坐标和触摸位置坐标对应的时间戳，生成手绘轨迹，在第二图形上下文中对所生成的手绘轨迹进行绘制。

在一种可选的实施方式中，第二绘制模块630通过下述步骤实现根据各个触摸位置坐标和触摸位置坐标对应的时间戳，生成手绘轨迹：

将对应的时间戳位于标记时间戳之后的触摸位置坐标作为目标触摸位置坐标；其中，标记时间戳表示用户前一次手绘操作的结束时刻；

按照目标触摸位置坐标对应的时间戳的先后顺序，将目标触摸位置坐标连接，生成手绘轨迹。

在一种可选的实施方式中，第一绘制模块610具体用于通过IOS系统应用程序接口，在第一图形上下文中对用户当前的手绘轨迹进行绘制；

第二绘制模块630具体用于通过IOS系统应用程序接口，在第二图形上下文中对用户当前的手绘轨迹进行绘制。

在一种可选的实施方式中，上述手绘轨迹渲染装置还包括：

手绘轨迹存储模块，用于存储手绘轨迹。

在一种可选的实施方式中，第一绘制模块610具体通过下述方式检测到用户的手绘操作：

检测到用户的触摸操作和移动操作。

上述装置中各模块或单元的具体细节已经在对应的方法中进行了详细的描述，因此，此处不再赘述。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本申请的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

本申请实施例还提供了一种电子设备，包括：处理器；以及存储程序的存储器，其中，程序包括指令，指令在由处理器执行时使处理器执行上述手绘轨迹渲染方法的步骤。

图7为本申请实施例中电子设备的一种结构示意图。需要说明的是，图7示出的电子设备700仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图7所示，电子设备700包括CPU 701，其可以根据存储在只读存储器（ROM）702中的程序或者从存储部分708加载到随机访问存储器（RAM）703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有系统操作所需的各种程序和数据。CPU 701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出（I/O）接口705也连接至总线704。

以下部件连接至I/O接口705：包括键盘、鼠标等的输入部分706；包括诸如阴极射线管（CRT）、液晶显示器（LCD）等以及扬声器等的输出部分707；包括硬盘等的存储部分708；以及包括诸如局域网（LAN）卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器710上，以便于从其上读出的计算机程序根据需要被安装入存储部分708。

特别地，根据本申请的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本申请的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分709从网络上被下载和安装，和/或从可拆卸介质711被安装。在该计算机程序被CPU 701执行时，执行本申请的装置中限定的各种功能。

本申请实施例中，还提供了一种存储有计算机指令的非瞬时计算机可读存储介质，该计算机指令用于使计算机执行上述手绘轨迹渲染方法。

需要说明的是，本申请所示的计算机可读存储介质例如可以是—但不限于—电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器、只读存储器、可擦式可编程只读存储器（EPROM或闪存）、光纤、便携式紧凑磁盘只读存储器（CD-ROM）、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。计算机可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、射频等等，或者上述的任意合适的组合。

本申请实施例中，还提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现上述手绘轨迹渲染方法。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本申请的具体实施方式，使本领域技术人员能够理解或实现本申请。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所述的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (12)

1.一种手绘轨迹渲染方法，其特征在于，所述方法包括：

当检测到用户的手绘操作时，在第一图形上下文中对所述用户当前的手绘轨迹进行实时绘制，得到第一位图数据；

当检测到用户的手绘完成操作时，将所述第一图形上下文中的所述第一位图数据清除；

在第二图形上下文中对所述手绘轨迹进行绘制，得到第二位图数据，并存储所述第二位图数据。

2.根据权利要求1所述的方法，其特征在于，在所述在第一图形上下文中对所述用户当前的手绘轨迹进行实时绘制之前，所述方法还包括：

创建内存空间；

在所述内存空间中创建所述第一图形上下文和所述第二图形上下文。

3.根据权利要求2所述的方法，其特征在于，在所述在第一图形上下文中对所述用户当前的手绘轨迹进行实时绘制之前，所述方法还包括：

创建子线程；

所述在所述内存空间中创建所述第一图形上下文和所述第二图形上下文，包括：

通过所述子线程在所述内存空间中创建所述第一图形上下文和所述第二图形上下文；

所述在第一图形上下文中对所述用户当前的手绘轨迹进行实时绘制，包括：

通过所述子线程在第一图形上下文对所述用户当前的手绘轨迹进行实时绘制；

所述将所述第一图形上下文中的所述第一位图数据清除，包括：

通过子线程将所述第一图形上下文中的所述第一位图数据清除；

所述在第二图形上下文中对所述手绘轨迹进行绘制，包括：

通过所述子线程在第二图形上下文中对所述手绘轨迹进行绘制。

4.根据权利要求3所述的方法，其特征在于，所述方法还包括：

在得到所述第一位图数据或所述第二位图数据之后，通过所述子线程将所述第一位图数据或所述第二位图数据发送至主线程，以在所述主线程显示所述第一位图数据或所述第二位图数据。

5.根据权利要求1所述的方法，其特征在于，在所述第二图形上下文中对所述用户当前的手绘轨迹进行绘制，包括：

获取所述用户手绘操作过程中的各个触摸位置坐标和所述触摸位置坐标对应的时间戳；

根据所述各个触摸位置坐标和所述触摸位置坐标对应的时间戳，生成手绘轨迹，在所述第二图形上下文中对所生成的手绘轨迹进行绘制。

6.根据权利要求5所述的方法，其特征在于，所述根据所述各个触摸位置坐标和所述触摸位置坐标对应的时间戳，生成手绘轨迹，包括：

将对应的时间戳位于标记时间戳之后的所述触摸位置坐标作为目标触摸位置坐标；其中，所述标记时间戳表示所述用户前一次手绘操作的结束时刻；

按照所述目标触摸位置坐标对应的时间戳的先后顺序，将所述目标触摸位置坐标连接，生成手绘轨迹。

7.根据权利要求1所述的方法，其特征在于，在所述第一图形上下文或所述第二图形上下文中对所述用户当前的手绘轨迹进行绘制，包括：

通过IOS系统应用程序接口，在所述第一图形上下文或所述第二图形上下文中对所述用户当前的手绘轨迹进行绘制。

8.根据权利要求1所述的方法，其特征在于，在第二图形上下文中对所述手绘轨迹进行绘制之前，所述方法还包括：

存储所述手绘轨迹。

9.根据权利要求1所述的方法，其特征在于，检测到所述用户的手绘操作，包括：

检测到所述用户的触摸操作和移动操作。

10.一种手绘轨迹渲染装置，其特征在于，所述装置包括：

第一绘制模块，用于当检测到用户的手绘操作时，在第一图形上下文中对所述用户当前的手绘轨迹进行实时绘制，得到第一位图数据；

位图数据清除模块，用于当检测到用户的手绘完成操作时，将所述第一图形上下文中的所述第一位图数据清除；

第二绘制模块，用于在第二图形上下文中对所述手绘轨迹进行绘制，得到第二位图数据，并存储所述第二位图数据。

11.一种电子设备，其特征在于，包括：

处理器；以及

存储程序的存储器，

其中，所述程序包括指令，所述指令在由所述处理器执行时使所述处理器执行根据权利要求1-9中任一项所述的方法。

12.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行根据权利要求1-9中任一项所述的方法。

Images