CN111756787A - 在线签名方法及装置、电子设备和计算机可读存储介质 - Google Patents

Abstract

本公开是关于一种在线签名方法及装置、电子设备以及计算机可读存储介质，涉及计算机技术领域，可以应用于用户在线签名的场景。该在线签名方法包括：确定第一目标页面，通过第一目标页面创建与第二用户终端的通信连接，并在第一目标页面中确定签名区域；接收签名操作，并确定签名操作在签名区域中对应的签名轨迹；其中，签名轨迹包括矩阵点坐标数据；将矩阵点坐标数据发送至第二用户终端，以根据矩阵点坐标数据在第二用户终端显示签名轨迹。本公开可以提供一种实现在线签名的解决方案，使得用户可以在线实时签名，对方用户可以实时地查看当前签字状态，无需用户亲临现场或打印签字页面将签名发送至对方用户。

Description

在线签名方法及装置、电子设备和计算机可读存储介质

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种在线签名方法、在线签名装置、电子设备以及计算机可读存储介质。

背景技术

在人们工作和日常生活中，常常会涉及到需要用户签名以完成具体业务的场景，例如，签订合同、收取快递等场景。

随着在线办公和无纸化办公的普及，传统的纸质签字方式具有的流程繁琐、不便于存档的问题逐渐凸显出来，例如，传统的签字方式需要签字本人亲自到场签字；或者是在相关文件上签字之后，将扫描件发送给对方，这两种方式不仅浪费用户的时间，而且签字的纸质文档不容易存档和查阅。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种在线签名方法、在线签名装置、电子设备以及计算机可读存储介质，进而至少在一定程度上克服传统的纸质签名方式流程繁琐且不便于存档的问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本发明的实践而习得。

根据本公开的第一方面，提供一种在线签名方法，包括：确定第一目标页面，通过第一目标页面创建与第二用户终端的通信连接，并在第一目标页面中确定签名区域；接收签名操作，并确定签名操作在签名区域中对应的签名轨迹；其中，签名轨迹包括矩阵点坐标数据；将矩阵点坐标数据发送至第二用户终端，以根据矩阵点坐标数据在第二用户终端显示签名轨迹。

可选的，在第一目标页面中确定签名区域，包括：获取目标程序接口，基于目标程序接口在第一目标页面中创建目标页面对象；其中，目标页面对象用于接收签名操作；将目标页面对象在第一目标页面中对应的区域作为签名区域。

可选的，确定签名操作在签名区域中对应的签名轨迹，包括：将目标页面对象在第一目标页面的位置坐标作为第一位置坐标；获取与签名操作对应的当前触摸点，将当前触摸点在第一目标页面的位置坐标作为第二位置坐标；根据第一位置坐标和第二位置坐标确定矩阵点坐标数据，以基于矩阵点坐标数据确定签名轨迹。

可选的，上述方法还包括：接收针对签名轨迹的样式配置操作，根据样式配置操作确定签名轨迹的轨迹样式；根据矩阵点坐标数据和轨迹样式显示签名轨迹。

可选的，在根据矩阵点坐标数据在第二用户终端显示签名轨迹之后，上述方法还包括：获取第二用户终端发送的反馈信息以及信息类型；如果反馈信息的信息类型为确认信息，则生成与签名轨迹对应的目标签名图像，并存储目标签名图像；如果反馈信息的信息类型为修改提示信息，则根据修改提示信息清除签名轨迹，并获取签名区域中新的签名轨迹，以确定与新的签名轨迹对应的反馈信息。

根据本公开的第二方面，提供一种在线签名方法，包括：确定第二目标页面，并基于第二目标页面建立与第一用户终端的通信连接；接收第一用户终端发送的矩阵点坐标数据和轨迹样式信息，根据矩阵点坐标数据和轨迹样式信息在第二目标页面生成对应的签名轨迹。

可选的，上述方法还包括：判断签名轨迹是否符合预设签名规范；若是，则向第一用户终端发送确认信息，以便第一用户终端存储签名轨迹；若否，则向第一用户终端发送修改提示信息，以便第一用户终端对签名轨迹进行修正处理。

根据本公开的第三方面，提供一种在线签名装置，包括：区域确定模块，用于确定第一目标页面，通过第一目标页面创建与第二用户终端的通信连接，并基于第一目标页面确定签名区域；轨迹确定模块，用于接收签名操作，并确定签名操作在签名区域中对应的签名轨迹；其中，签名轨迹包括矩阵点坐标数据；轨迹显示模块，用于将矩阵点坐标数据发送至第二用户终端，以根据矩阵点坐标数据在第二用户终端显示签名轨迹。

可选的，区域确定模块包括区域确定单元，用于获取目标程序接口，基于目标程序接口在第一目标页面中创建目标页面对象；其中，目标页面对象用于接收签名操作；将目标页面对象在第一目标页面中对应的区域作为签名区域。

可选的，轨迹确定模块包括轨迹确定单元，用于将目标页面对象在第一目标页面的位置坐标作为第一位置坐标；获取与签名操作对应的当前触摸点，将当前触摸点在第一目标页面的位置坐标作为第二位置坐标；根据第一位置坐标和第二位置坐标确定矩阵点坐标数据，以基于矩阵点坐标数据确定签名轨迹。

可选的，在线签名装置还包括样式确定模块，用于接收针对签名轨迹的样式配置操作，根据样式配置操作确定签名轨迹的轨迹样式；根据矩阵点坐标数据和轨迹样式显示签名轨迹。

可选的，在线签名装置还包括信息接收模块，用于获取第二用户终端发送的反馈信息以及信息类型；如果反馈信息的信息类型为确认信息，则生成与签名轨迹对应的目标签名图像，并存储目标签名图像；如果反馈信息的信息类型为修改提示信息，则根据修改提示信息清除签名轨迹，并获取签名区域中新的签名轨迹，以确定与新的签名轨迹对应的反馈信息。

根据本公开的第四方面，提供一种在线签名装置，包括：页面确定模块，用于确定第二目标页面，并基于第二目标页面建立与第一用户终端的通信连接；轨迹生成模块，用于接收第一用户终端发送的矩阵点坐标数据和轨迹样式信息，根据矩阵点坐标数据和轨迹样式信息在第二目标页面生成对应的签名轨迹。

可选的，在线签名装置还包括轨迹判断模块，用于判断签名轨迹是否符合预设签名规范；若是，则向第一用户终端发送确认信息，以便第一用户终端存储签名轨迹；若否，则向第一用户终端发送修改提示信息，以便第一用户终端对签名轨迹进行修正处理。

根据本公开的第五方面，提供一种电子设备，包括：处理器；以及存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时实现根据上述任意一项所述的在线签名方法。

根据本公开的第六方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现根据上述任意一项所述的在线签名方法。

本公开提供的技术方案可以包括以下有益效果：

本公开的示例性实施例中的在线签名方法，通过第一目标页面创建与第二用户终端的通信连接，并在第一目标页面中确定签名区域，接收在签名区域中的签名操作，确定与签名操作对应的签名轨迹，将签名轨迹对应的矩阵点坐标数据发送至第二用户终端，以便第二用户终端显示签名轨迹。通过本公开的在线签名方法，一方面，第一用户可以通过第一目标页面进行签名操作，并将生成的签名轨迹实时地发送到第二用户终端，第二用户终端的用户可以实时接收到第一用户发送的签名轨迹，以完成整个签名流程。另一方面，通过实时在线签名流程，用户无需亲临现场进行签名操作或将签名页面的扫描件发送给对方用户，对方用户可以通过第二用户终端实时地查看第一用户的签名轨迹，节省了双方用户的时间，有助于提升用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1示意性示出了根据本公开的一种示例性实施方式的在线签名方法的流程图；

图2示意性示出了根据本公开的示例性实施方式的在线签名方法的详细过程图；

图3示意性示出了根据本公开的示例性实施方式的确定签名轨迹的流程图；

图4示意性示出了根据本公开的示例性实施方式的接收第二用户终端反馈信息的流程图；

图5示意性示出了根据本公开的示例性实施方式的用户终端之间进行数据交互的数据流向图；

图6示意性示出了根据本公开的另一示例性实施方式的在线签名方法的流程图；

图7示意性示出了根据本公开的一种示例性实施方式的在线签名装置的方框图；

图8示意性示出了根据本公开的另一示例性实施方式的在线签名装置的方框图；

图9示意性示出了根据本公开一示例性实施例的电子设备的框图；

图10示意性示出了根据本公开一示例性实施例的计算机可读存储介质的示意图。

具体实施方式

现在将参考附图更全面地描述示例实施例。然而，示例实施例能够以多种形式实施，且不应被理解为限于在此阐述的实施例；相反，提供这些实施例使得本公开将全面和完整，并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本公开的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而没有所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知结构、方法、装置、实现、材料或者操作以避免模糊本公开的各方面。

附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个软件硬化的模块中实现这些功能实体或功能实体的一部分，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

随着在线办公和无纸化办公的普及，传统的纸质签字方式具有的流程繁琐、不便于存档的问题逐渐凸显出来。采用传统的签字方式完成签字流程时，一般需要签字本人亲自到场签字；或者是在相关文件上签字之后，将扫描件发送给对方，这两种签字方式比较浪费双方用户的时间和精力，并且纸质签字文档在签错之后需要重新打印并再次签字，签字完成后形成的相关纸质签名文档不容易存档和查阅。

基于此，在本示例实施例中，首先提供了一种在线签名方法，可以利用终端设备来实现本公开所述的方法，其中，本公开中描述的终端可以包括诸如手机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant，PDA)等移动终端，以及诸如台式计算机等固定终端。图1示意性示出了根据本公开的一些实施例的在线签名方法流程的示意图。参考图1，该在线签名方法可以包括以下步骤：

步骤S110，确定第一目标页面，通过第一目标页面创建与第二用户终端的通信连接，并在第一目标页面中确定签名区域。

步骤S120，接收签名操作，并确定签名操作在签名区域中对应的签名轨迹；其中，签名轨迹包括矩阵点坐标数据。

步骤S130，将矩阵点坐标数据发送至第二用户终端，以根据矩阵点坐标数据在第二用户终端显示签名轨迹。

根据本示例实施例中的在线签名方法，一方面，第一用户可以通过第一目标页面进行签名操作，并将生成的签名轨迹实时地发送到第二用户终端，第二用户终端的用户可以实时接收到第一用户发送的签名轨迹，以完成整个签名流程。另一方面，通过实时在线签名流程，用户无需亲临现场进行签名操作或将签名页面的扫描件发送给对方用户，对方用户可以通过第二用户终端实时地查看第一用户的签名轨迹，节省了双方用户的时间，有助于提升用户体验。

下面，将对本示例实施例中的在线签名方法进行进一步的说明。

在步骤S110中，确定第一目标页面，通过第一目标页面创建与第二用户终端的通信连接，并在第一目标页面中确定签名区域。

在本公开的一些示例性实施方式中，第一目标页面可以是用户通过第一用户终端创建的签字页面。第二用户终端可以是与第一用户终端具有通信连接的用户终端。第一用户可以通过第一目标页面建立与第二用户终端的通信连接。具体的，用户可以通过第一目标页面建立第一用户终端与服务端之间的通信连接，如单个传输控制协议(TransmissionControl Protocol，TCP)连接上进行全双工通讯的协议连接，即WebSocket连接，以便基于服务端与第二用户终端进行通信。签名区域可以是在第一目标页面中创建的区域，在签名区域中第一用户可以进行相应的签名操作。

参考图2，图2示意性示出了在线签名方法的详细过程图。在步骤S210～步骤S220中，在第一用户终端确定第一目标页面后，可以通过第一目标页面创建与服务端之间的WebSocket连接，以便通过与服务端之间的WebSocket连接与第二用户终端进行通信。另外，通信连接建立完成后，可以在第一目标页面创建签名区域，以便第一用户可以在签名区域中进行签名操作。

根据本公开的一些示例性实施例，获取目标程序接口，基于目标程序接口在第一目标页面中创建目标页面对象；其中，目标页面对象用于接收签名操作；将目标页面对象在第一目标页面中对应的区域作为签名区域。目标程序接口可以是用于在第一目标页面创建目标页面对象时所使用的程序接口。举例而言，在基于超文本标记语言(HyperText MarkupLanguage，HTML)创建的前端页面中，可以采用文档对象模型(Document Object Model，DOM)的应用程序接口(Application Programming Interface，API)创建目标页面对象。目标页面对象可以是基于第一目标页面创建且用于接收签名操作的页面对象，例如，在基于HTML5技术创建的前端页面中，目标页面对象可以是Canvas画布对象。签名区域可以是用于识别签名操作的区域，用户在签名区域中进行签名操作可以生成相应的签名轨迹。

在确定出第一页面对象后，可以获取对应的目标程序接口，并基于目标程序接口在第一页面对象中创建目标页面对象，当目标页面对象创建完成后，可以在根据用户需求调整目标页面对象在第一目标页面中的位置和大小，即设置目标页面对象在第一目标页面中的位置坐标和尺寸大小，将目标页面对象在第一目标页面中对应的区域作为签名区域，以便用户在签名区域中进行签名操作。

在步骤S120中，接收签名操作，并确定签名操作在签名区域中对应的签名轨迹；其中，签名轨迹包括矩阵点坐标数据。

在本公开的一些示例性实施方式中，签名操作可以是第一用户在第一页面中的签名区域中进行的用户操作。签名轨迹可以是第一用户在签名区域中进行签名操作时对应的绘制点所形成的轨迹。矩阵点坐标数据可以是第一用户在签名区域中进行绘制操作所形成的绘制点对应的位置坐标以矩阵点形式存储所形成的数据。

接收第一用户在签名区域进行的签名操作，并确定签名操作在签名区域中对应的签名轨迹，其中，签名轨迹可以基于矩阵点坐标数据和用户预先设置的签名轨迹的轨迹样式数据生成。

根据本公开的一些示例性实施例，将目标页面对象在第一目标页面的位置坐标作为第一位置坐标；获取与签名操作对应的当前触摸点，将当前触摸点在第一目标页面的位置坐标作为第二位置坐标；根据第一位置坐标和第二位置坐标确定矩阵点坐标数据，以基于矩阵点坐标数据确定签名轨迹。第一位置坐标可以是目标页面对象相对于页面视窗位置的左边和顶端的距离。当前触摸点可以是第一用户进行签名操作的过程中，用户的手指或用户采用的辅助绘制工具与终端设备接触时产生的触摸点。第二位置坐标可以是当前触摸点相对于页面视窗的水平坐标和垂直坐标。矩阵点坐标数据可以是第一用户在签名区域进行签名操作时所形成的绘制点的位置坐标以矩阵点形式存储所形成的坐标数据。签名轨迹可以是第一用户在签名区域进行签名操作时所形成的用户签名对应的轨迹。

参考图2，在步骤S230中，在第一目标页面创建出签名区域后，可以监听在签名区域中是否存在触摸(touch)绘制事件。参考图3，图3示意性示出了确定签名轨迹的流程图。在步骤S310～步骤S330中，当监听到签名区域中发生touch事件时，可以在touch事件发生的过程中，通过可以获取元素的大小及其相对于视口的位置的函数确定第一位置坐标，举例而言，在本示例实施例中，可以通过getBoundingClientRect方法获取目标页面对象相对于浏览器视窗的位置的左边和顶端的距离，可以将浏览器视窗左上角的坐标作为(0,0)，则第一位置坐标为(x₁，y₁)。另外，当第一用户进行签名操作时，可以获取当前触摸点相对于第一目标页面(如浏览器页面)的坐标，举例而言，可以分别调用执行clientX事件和clientY事件，其中，clientX事件的属性返回当前触摸点相对于第一目标页面的水平坐标，clientY事件的属性返回当前触摸点相对于第一目标页面的垂直坐标，即确定出第二位置坐标为(x₂，y₂)。在本示例实施例中，用户在进行签名操作时，会产生多个触摸点，可以将每次产生的触摸点作为当前触摸点，并计算当前触摸点的第二位置坐标，以此类推，得到多个触摸点的位置坐标。将第二位置坐标与第一位置坐标相减，可以得到签名操作对应的矩阵点位置坐标。

确定出签名操作对应的多个矩阵点位置坐标后，可以根据矩阵点位置坐标确定出签名轨迹，例如，可以通过调用lineTo函数和stroke函数绘制矩阵点对应的路径。参考图2，在步骤S240中，可以将矩阵点位置坐标进行存储，并将矩阵点位置坐标发送至第二用户终端。

根据本公开的另一示例性实施例，接收针对签名轨迹的样式配置操作，根据样式配置操作确定签名轨迹的轨迹样式；根据矩阵点坐标数据和轨迹样式显示签名轨迹。样式配置操作可以是针对签名轨迹的显示样式进行的配置操作。轨迹样式可以是签名操作对应的签名轨迹在目标页面对象中的显示样式。当第一用户基于第一目标页面进行签名操作之前，可以对签名轨迹对应的轨迹样式进行配置，以对签名轨迹设置相应的轨迹样式。

在第一用户执行签名操作之前，可以在目标页面对象(如Canvas画布)上执行beginPath函数以绘制开始路径，并且设置签名轨迹的线条宽度和线条颜色等，例如，可以通过lineWidth属性设置线条宽度，strokeStyle属性设置绘制线条颜色。如果监听到第一用户的签名操作，可以获取签名操作对应的绘制点的矩阵点位置坐标，根据矩阵点位置坐标和轨迹样式可以在第一目标页面中显示与签名操作对应的签名轨迹。

在步骤S130中，将矩阵点坐标数据发送至第二用户终端，以根据矩阵点坐标数据在第二用户终端显示签名轨迹。

在本公开的一些示例性实施方式中，第二用户终端可以是与第一用户终端建立通信连接，并且接收第一用户终端发送的矩阵点坐标数据的用户终端。第一用户的签名操作结束后，可以将签名轨迹对应的矩阵点坐标数据通过WebSocket的send方法实时向服务器发送矩阵点坐标数据，以通过服务器将矩阵点坐标数据发送至第二用户终端。当第二用户终端接收到矩阵点数据后，可以根据签名轨迹的轨迹样式和矩阵点坐标数据在第二用户终端的目标页面中显示签名轨迹。

根据本公开的一些示例性实施例，获取第二用户终端发送的反馈信息以及信息类型；如果反馈信息的信息类型为确认信息，则生成与签名轨迹对应的目标签名图像，并存储目标签名图像；如果反馈信息的信息类型为修改提示信息，则根据修改提示信息清除签名轨迹，并获取签名区域中新的签名轨迹，以确定与新的签名轨迹对应的反馈信息。反馈信息可以是第二用户终端根据接收到的矩阵点坐标数据还原签名轨迹后，对签名轨迹是否符合规范的反馈信息。信息类型可以是反馈信息对应的信息类型，反馈信息可以包含确认信息和修改提示信息；具体的，确认信息可以是使用第二用户终端的第二用户认为第一用户发送的签名轨迹符合预设签名规范时发出的确认信息；修改提示信息可以是第二用户针对第一用户的签名轨迹存在的问题提出的提示信息，例如，修改提示信息可以包括用户签名是否有误或用户签名不符合规范等提示信息。目标签名图像可以是与用户签名的签名轨迹对应的图像。

参考图4，图4示意性示出了接收第二用户终端反馈信息的流程图。在步骤S410中，获取第二用户终端发送的反馈信息和信息类型，如果反馈信息为确认信息，则认为用户签名无误且符合规范，第一用户可以在第一目标页面中保存该用户签名的签名轨迹，第一目标页面可以通过第三方库中的函数对第一目标页面进行截屏，将生成的截屏图像存储到服务器中。具体的，第一目标页面可以借助第三方库的html2canvas脚本对第一目标页面进行截屏，生成一个Canvas图片，进而通过Canvas元素的toDataURL方法生成图片和图片地址，并存储到服务器中，以便后续用户可以直接打印和存档该用户签名，并且方便用户日后查阅该用户签名。存储结束后，第二用户终端可以向第一用户终端发送办理完成提示信息，并将该提示信息显示在第一目标页面中，第一用户接收到该办理完成提示信息后，可以关闭第一目标页面，完成整个签字流程。

在步骤S420～步骤S430中，如果反馈信息为修改提示信息，则第一用户可以根据修改提示信息中的信息内容对签名轨迹进行相应的修改，以形成新的符合预设签名规范的用户签名。例如，第一用户接收到修改提示信息后，可以通过Canvas的clearRect方法清除用户签名的签字信息，并且清空矩阵点位置坐标数据，在签名区域中重新进行签名操作，以生成新的签名轨迹。参考图5，图5示意性示出了用户终端之间进行数据交互的数据流向图。在步骤S510～步骤S520中，通过第一用户终端可以将新的签名轨迹发送至第二用户终端，以便第二用户终端针对新的签名轨迹生成对应的反馈信息。具体的，第一用户终端与第二用户终端之间可以通过服务器建立Websocket连接，以完成两个用户终端之间的数据通信。

在另一示例实施例中，提供了一种在线签名方法，可以利用终端设备来实现本公开所述的方法，其中，本公开中描述的终端可以包括诸如手机、平板电脑、笔记本电脑、掌上电脑、PDA等移动终端，以及诸如台式计算机等固定终端。图6示意性示出了根据本公开的一些实施例的在线签名方法流程的示意图。参考图6，该在线签名方法可以包括以下步骤：

步骤S610，确定第二目标页面，并基于第二目标页面建立与第一用户终端的通信连接。

步骤S620，接收第一用户终端发送的矩阵点坐标数据和轨迹样式信息，根据矩阵点坐标数据和轨迹样式信息在第二目标页面生成对应的签名轨迹。

根据本示例实施例中的在线签名方法，一方面，通过第二目标页面可以建立与第一用户终端的通信连接，以接收第一用户终端发送的矩阵点坐标数据，进而根据矩阵点坐标数据在第二目标页面中还原签字轨迹。另一方面，第一目标页面中的签字轨迹可以通过用户终端之间的通信连接实时地显示在第二目标页面上，以便第二用户可以实时查看签名状态。

下面，将对本示例实施例中的在线签名方法进行进一步的说明。

在步骤S610中，确定第二目标页面，并基于第二目标页面建立与第一用户终端的通信连接。

在本公开的一些示例性实施方式中，第二目标页面可以是在第二用户终端中创建的目标页面，用于接收并还原显示第一用户终端发送的签名轨迹。在第二用户终端创建出第二目标页面后，可以通过第二目标页面建立与第一用户终端的通信连接，以便接收第一用户终端发送的签名轨迹数据。

在步骤S620中，接收第一用户终端发送的矩阵点坐标数据和轨迹样式信息，根据矩阵点坐标数据和轨迹样式信息在第二目标页面生成对应的签名轨迹。

在本公开的一些示例性实施方式中，矩阵点坐标数据可以是签名操作对应的绘制点形成的矩阵点的位置坐标数据。轨迹样式信息可以是用户签名的签名轨迹对应的显示样式的相关信息。当第一用户在第一目标页面的签名操作结束后，将生成与签名轨迹对应的矩阵点坐标数据，当用户设置了签字轨迹的样式时，还可以生成对应的轨迹样式信息。参考图2，在步骤S250中，第二用户终端接收第一用户终端发送的矩阵点坐标数据和轨迹样式信息，可以根据接收到的信息在第二目标页面中还原第一用户在第一目标页面生成的签名轨迹。具体的，第二用户终端可以通过Websocket连接的onmessage事件实时接收第一目标页面存储的矩阵点坐标数据，再利用第二目标页面中画布对象的moveTo方法、lineTo方法以及stroke方法，根据矩阵点坐标数据还原签字轨迹。

根据本公开的一些示例性实施例，判断签名轨迹是否符合预设签名规范；若是，则向第一用户终端发送确认信息，以便第一用户终端存储签名轨迹；若否，则向第一用户终端发送修改提示信息，以便第一用户终端对签名轨迹进行修正处理。预设签名规范可以是预先设定的用于判定签名操作对应的签名轨迹是否合格的规范条款。当第二用户终端接收到第一用户终端发送的签名轨迹的相关数据后，可以在第二目标页面中还原签名轨迹，并判断签名轨迹是否符合预设签名规范。

参考图2，在步骤S260～步骤S280中，如果该签名轨迹符合预设签名规范，则第二用户可以通过第二目标页面向第一用户终端发送确认信息，通知第一用户改签名规范合格，第一用户可以对签名轨迹进行存储等操作，以便后续查阅。参考图5，在步骤S530～步骤S540中，如果该签名轨迹不符合预设签名规范，则根据签名轨迹的具体问题生成修改提示信息，例如，修改提示信息可以是签字轨迹的信息有误，也可以是签字轨迹的字体不符合规范，还可以是签字轨迹的轨迹有残缺或不完整等等，生成修改提示信息后，可以将修改提示信息发送至第一用户终端，以便第一用户查收到修改提示信息后再次执行签名操作以对签名轨迹进行修改。

需要说明的是，本公开所使用的术语“第一”、“第二”等，仅是为了区分不同的用户、不同的用户终端以及不同的目标页面，并不应对本公开造成任何限制。

综上所述，在第一目标页面中确定签名区域，接收在签名区域中的签名操作，确定与签名操作对应的签名轨迹，将签名轨迹对应的矩阵点坐标数据通过通信连接发送至第二用户终端，以便第二用户终端显示签名轨迹；第二用户终端接收到签名轨迹的相关数据后，可以在第二目标页面还原显示签字轨迹，并判断签名轨迹是否符合预设签名规范，若是，则向第一用户终端发送确认消息，若否，则向第一用户终端发送修改提示信息，以便第一用户对签名轨迹进行修正。通过本公开的在线签名方法，一方面，第一用户可以通过第一目标页面进行签名操作，并将生成的签名轨迹实时地发送到第二用户终端，第二用户终端的用户可以实时接收到第一用户发送的签名轨迹，以完成整个签名流程。另一方面，通过实时在线签名流程，用户无需亲临现场进行签名操作或将签名页面的扫描件发送给对方用户，对方用户可以通过第二用户终端实时地查看第一用户的签名轨迹，节省了双方用户的时间，有助于提升用户体验。又一方面，如果签名轨迹不符合预设签名规范，则可以将修改提示信息发送至第一用户终端，以便第一用户根据修改提示信息实时地对签名轨迹进行修改。

需要说明的是，尽管在附图中以特定顺序描述了本发明中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。

此外，在本示例实施例中，还提供了一种在线签名装置。参考图7，该在线签名装置700可以包括：区域确定模块710、轨迹确定模块720以及轨迹显示模块730。

具体的，区域确定模块710可以用于确定第一目标页面，通过第一目标页面创建与第二用户终端的通信连接，并基于第一目标页面确定签名区域；轨迹确定模块720可以用于接收签名操作，并确定签名操作在签名区域中对应的签名轨迹；其中，签名轨迹包括矩阵点坐标数据；轨迹显示模块730可以用于将矩阵点坐标数据发送至第二用户终端，以根据矩阵点坐标数据在第二用户终端显示签名轨迹。

在线签名装置700可以通过第一目标页面建立与第二用户终端之间的通信连接，并接收第一用户在签名区域中的签名操作，确定出与签名操作对应的签名轨迹，将签名轨迹对应的矩阵点坐标数据发送至第二用户终端，以便第二用户终端可以根据矩阵点坐标数据实时显示签名轨迹，节省了用户签名流程的时间，提升了用户体验，是一种行之有效的在线签名装置。

在本公开的一种示例性实施方案中，基于前述方案，区域确定模块包括区域确定单元，区域确定单元被配置为：获取目标程序接口，基于目标程序接口在第一目标页面中创建目标页面对象；其中，目标页面对象用于接收签名操作；将目标页面对象在第一目标页面中对应的区域作为签名区域。

在本公开的一种示例性实施方案中，基于前述方案，轨迹确定模块包括轨迹确定单元，轨迹确定单元被配置为：将目标页面对象在第一目标页面的位置坐标作为第一位置坐标；获取与签名操作对应的当前触摸点，将当前触摸点在第一目标页面的位置坐标作为第二位置坐标；根据第一位置坐标和第二位置坐标确定矩阵点坐标数据，以基于矩阵点坐标数据确定签名轨迹。

在本公开的一种示例性实施方案中，基于前述方案，在线签名装置还包括样式确定模块，样式确定模块被配置为：接收针对签名轨迹的样式配置操作，根据样式配置操作确定签名轨迹的轨迹样式；根据矩阵点坐标数据和轨迹样式显示签名轨迹。

在本公开的一种示例性实施方案中，基于前述方案，在线签名装置还包括信息接收模块，信息接收模块被配置为：获取第二用户终端发送的反馈信息以及信息类型；如果反馈信息的信息类型为确认信息，则生成与签名轨迹对应的目标签名图像，并存储目标签名图像；如果反馈信息的信息类型为修改提示信息，则根据修改提示信息清除签名轨迹，并获取签名区域中新的签名轨迹，以确定与新的签名轨迹对应的反馈信息。

在另一示例实施例中，还提供了一种在线签名装置。参考图8，该在线签名装置800可以包括：页面确定模块810以及轨迹生成模块820。

具体的，页面确定模块810可以用于确定第二目标页面，并基于第二目标页面建立与第一用户终端的通信连接；轨迹生成模块820可以用于接收第一用户终端发送的矩阵点坐标数据和轨迹样式信息，根据矩阵点坐标数据和轨迹样式信息在第二目标页面生成对应的签名轨迹。

在线签名装置800通过第二目标页面建立与第一用户终端的通信连接，以接收第一用户终端发送的矩阵点坐标数据，并根据接收到的矩阵点坐标数据在第二目标页面中还原对应的签名轨迹，使得第二用户可以实时查看第一用户的签名操作对应的签名轨迹。

在本公开的一种示例性实施方案中，基于前述方案，在线签名装置还包括轨迹判断模块，轨迹判断模块被配置为：判断签名轨迹是否符合预设签名规范；若是，则向第一用户终端发送确认信息，以便第一用户终端存储签名轨迹；若否，则向第一用户终端发送修改提示信息，以便第一用户终端对签名轨迹进行修正处理。

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

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

此外，在本公开的示例性实施例中，还提供了一种能够实现上述方法的电子设备。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施例、完全的软件实施例(包括固件、微代码等)，或硬件和软件方面结合的实施例，这里可以统称为“电路”、“模块”或“系统”。

下面参考图9来描述根据本发明的这种实施例的电子设备900。图9显示的电子设备900仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图9所示，电子设备900以通用计算设备的形式表现。电子设备900的组件可以包括但不限于：上述至少一个处理单元910、上述至少一个存储单元920、连接不同系统组件(包括存储单元920和处理单元910)的总线930、显示单元940。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元910执行，使得所述处理单元910执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施例的步骤。

存储单元920可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)921和/或高速缓存存储单元922，还可以进一步包括只读存储单元(ROM)923。

存储单元920以包括具有一组(至少一个)程序模块925的程序/实用工具924，这样的程序模块925包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线930可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备900也可以与一个或多个外部设备970(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备900交互的设备通信，和/或与使得该电子设备900能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口950进行。并且，电子设备900还可以通过网络适配器960与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器960通过总线930与电子设备900的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备900使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施例的描述，本领域的技术人员易于理解，这里描述的示例实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施例的方法。

在本公开的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施例中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施例的步骤。

参考图10所示，描述了根据本发明的实施例的用于实现上述方法的程序产品1000，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

此外，上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其他实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限。

Claims (11)

1.一种在线签名方法，其特征在于，应用于第一用户终端，包括：

确定第一目标页面，通过所述第一目标页面创建与第二用户终端的通信连接，并在所述第一目标页面中确定签名区域；

接收签名操作，并确定所述签名操作在所述签名区域中对应的签名轨迹；其中，所述签名轨迹包括矩阵点坐标数据；

将所述矩阵点坐标数据发送至所述第二用户终端，以根据所述矩阵点坐标数据在所述第二用户终端显示所述签名轨迹。

2.根据权利要求1所述的在线签名方法，其特征在于，所述在所述第一目标页面中确定签名区域，包括：

获取目标程序接口，基于所述目标程序接口在所述第一目标页面中创建目标页面对象；其中，所述目标页面对象用于接收所述签名操作；

将所述目标页面对象在所述第一目标页面中对应的区域作为所述签名区域。

3.根据权利要求1所述的在线签名方法，其特征在于，所述第一目标页面包括目标页面对象，所述确定所述签名操作在所述签名区域中对应的签名轨迹，包括：

将所述目标页面对象在所述第一目标页面的位置坐标作为第一位置坐标；

获取与所述签名操作对应的当前触摸点，将所述当前触摸点在所述第一目标页面的位置坐标作为第二位置坐标；

根据所述第一位置坐标和所述第二位置坐标确定所述矩阵点坐标数据，以基于所述矩阵点坐标数据确定所述签名轨迹。

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

接收针对所述签名轨迹的样式配置操作，根据所述样式配置操作确定所述签名轨迹的轨迹样式；

根据所述矩阵点坐标数据和所述轨迹样式显示所述签名轨迹。

5.根据权利要求1所述的在线签名方法，其特征在于，在根据所述矩阵点坐标数据在所述第二用户终端显示所述签名轨迹之后，所述方法还包括：

获取所述第二用户终端发送的反馈信息以及信息类型；

如果所述反馈信息的信息类型为确认信息，则生成与所述签名轨迹对应的目标签名图像，并存储所述目标签名图像；

如果所述反馈信息的信息类型为修改提示信息，则根据所述修改提示信息清除所述签名轨迹，并获取所述签名区域中新的签名轨迹，以确定与所述新的签名轨迹对应的反馈信息。

6.一种在线签名方法，其特征在于，应用于第二用户终端，包括：

确定第二目标页面，并基于所述第二目标页面建立与第一用户终端的通信连接；

接收所述第一用户终端发送的矩阵点坐标数据和轨迹样式信息，根据所述矩阵点坐标数据和轨迹样式信息在所述第二目标页面生成对应的签名轨迹。

7.根据权利要求6所述的在线签名方法，其特征在于，所述方法还包括：

判断所述签名轨迹是否符合预设签名规范；

若是，则向所述第一用户终端发送确认信息，以便所述第一用户终端存储所述签名轨迹；

若否，则向所述第一用户终端发送修改提示信息，以便所述第一用户终端对所述签名轨迹进行修正处理。

8.一种在线签名装置，其特征在于，包括：

区域确定模块，用于确定第一目标页面，通过所述第一目标页面创建与第二用户终端的通信连接，并基于所述第一目标页面确定签名区域；

轨迹确定模块，用于接收签名操作，并确定所述签名操作在所述签名区域中对应的签名轨迹；其中，所述签名轨迹包括矩阵点坐标数据；

轨迹显示模块，用于将所述矩阵点坐标数据发送至所述第二用户终端，以根据所述矩阵点坐标数据在所述第二用户终端显示所述签名轨迹。

9.一种在线签名装置，其特征在于，包括：

页面确定模块，用于确定第二目标页面，并基于所述第二目标页面建立与第一用户终端的通信连接；

轨迹生成模块，用于接收所述第一用户终端发送的矩阵点坐标数据和轨迹样式信息，根据所述矩阵点坐标数据和轨迹样式信息在所述第二目标页面生成对应的签名轨迹。

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

处理器；以及

存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时实现根据权利要求1至7中任一项所述的在线签名方法。

11.一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现根据权利要求1至7中任一项所述的在线签名方法。

Images