CN104966311A - 一种用于手写签批系统的矢量图型存储方法 - Google Patents

Abstract

本发明公开一种用于手写签批系统的矢量图型存储方法，包括如下步骤：获取签批人触摸屏幕采集到的矢量点；将采集到的多个矢量点保存为矢量线条，并生成矢量线条位置信息；生成与所述矢量线条位置信息一一对应的签批信息，并将矢量线条位置信息与签批信息保存为矢量图形JSON格式存储；将存储的矢量图形数据上传至签批系统的服务器上。本方法采用轻量级数据交换模式描述矢量图形信息，大大提高了机器解析数据的速度，网络传输速度，同时还易于普通人的阅读和编写。

Description

一种用于手写签批系统的矢量图型存储方法

技术领域

本发明涉及图像处理技术领域，具体涉及一种用于手写签批系统的矢量图型存储方法。

背景技术

无纸化办公系统越来越多的在政府和企业中普及，而无纸化办公系统的一个重要的子系统就是工作流系统，为了更好的用户体验，现在许多的工作流系统中都添加了手写签批功能。

现有手写签批系统大部分采用的都是位图进行存储，使用这种方式进行图形存储存在以下缺陷：1、传输时存在文件过大的问题。2、无法根据业务需求进行拓展，文件与签批系统工作流的关联性较差。3、无法直接通过位图直接追溯签批者，必须要有第三方工具支持才行。4、放大的时候会存在图片变模糊的问题。因此，我们寻求通过矢量图存储的方式来存储手写签批的内容。

矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、弧形、多边形等等，它们可以通过数学公式计算获取。矢量图形可以无限放大，且不变色、不模糊。

手写签批系统对于矢量图形的存储及编辑一般有以下要求：

1、可以追溯到每个步骤是由谁进行签批的。

2、下一个签批者无法修改前一个或多个签批者的手写签批的内容，同时签批的内容还可以控制下一个签批者是否可见等信息。

3、移动端的加载及显示的速度必须要非常快(1秒以内)，且可以渲染在其他文件格式(如:PDF)上。

4、生成的存储格式必须可以让其他应用系统解析入库，所以存储格式的可读性要比较强。

而传统的矢量图形存储技术是由各个公司根据业务需求定义矢量图形的格式，并由专业的软件解析并展示矢量图形，他们都没有专门针对手写签批系统的需求进行优化。

现在，常用的矢量图形格式有：

*.bw：它是包含各种像素信息的一种黑白图形文件格式。

*.ai(lllustrator)：它是一种lllustrator的一种图形文件格式。许多软件都可以打开、编辑、修改等等。

*.dwg、*.dxb、*dxf：这些格式都是AutoCAD中使用的一种图形文件格式。

其他诸如*.wmf、*.emf等矢量图文件格式都运用于自身的应用系统中。

这些矢量图形格式都由各自的软件公司定义。同时，都必须用专业的软件才能存储和展示，而这些矢量图形的存储及展示技术都不适用于手写签批系统的特殊需求及需要。

综上所述，现有技术缺少满足手写签批系统业务需求的矢量图形存储和编辑方法，生成的存储文件一般都比较大，不适用于手写签批的业务场景。

发明内容

针对现有技术的以上缺陷或改进需求，本发明的目的在于提供一种用于手写签批系统的矢量图型存储方法，包括：

步骤一、获取签批人触摸屏幕采集到的矢量点；

步骤二、将采集到的多个矢量点保存为矢量线条，并生成矢量线条位置信息；

总体数据结构：{页面信息、矢量图形信息，流程信息：[{签批时间、流程id、签批者信息、签批的具体数据},...]}，其中，

页面信息用于描述当前签批的数据在第几页，以及页面的宽度和高度；系统可以通过该信息知道要将签批的内容绘制在第几页；通过设置页面的宽度以保证矢量图形放大不模糊。

矢量图形信息用于描述该矢量图形文件格式的版本、最后一次编辑基于什么操作系统。其中版本号用于未来升级该矢量图形文件格式，并兼容之前版本。

流程信息用于存储每一个流程的签批信息，该信息有N层(有多少个流程就有几层)。每一层表示一个签批人的签批信息及其签批的矢量线条位置信息，签批信息包括：签批人身份信息、签批时间、签批内容、签批流程ID以及用户自定义数据。

步骤三、生成与所述矢量线条位置信息一一对应的签批信息，并将矢量线条位置信息与签批信息保存为矢量图形JSON格式存储。

步骤四、将存储的矢量图形数据上传至签批系统的服务器上。

进一步地，所述签批人的签批内容包括位置信息、文字内容、文字大小以及文字颜色；

进一步地，通过isShow命令设置签批内容对当前签批人是否可见，isShow＝1，签批内容对当前签批人可见；isShow＝0，签批内容对当前签批人不可见；

进一步地，userid与系统登录者userid一致，则是当前签批者签批；若userid与系统登录者userid不一致，则不是当前签批者签批，当前签批者无权编辑。

签批系统根据工作流流程设置当前签批信息对于下一个签批者是否可见，并将矢量图形数据传输到下一个签批者，供下一个签批者签批。下一个签批者获取到矢量图形后，系统先将该图型展现在不可编辑层。该签批者的新签批内容将被绘制在可编辑层。该签批者只能修改当前图层的内容。并重复步骤一的操作。

因此，本发明可以获得以下的有益效果：

1.采用轻量级数据交换模式(JSON)描述矢量图形的点、曲线、直线、文字等信息。大大提高了机器解析数据的速度，网络传输速度，同时还易于普通人的阅读和编写。

2.在保存签批的手写内容时，在节点中添加人员信息数据，保证可以追溯签批者的身份。

3.通过控制每一个矢量元素的操作权限信息从而达到签批系统所要求的，签批内容他人无法修改。也就是说其他人编辑该矢量图形时，无法修改到其他人编辑的内容。

4.矢量图形时，每一个线条、文字、点都是独立的对象。每一个对象都可以编辑其是否隐藏，是否需要显示签批人信息等。从而满足控制签批系统的保密性要求。

附图说明

图1是本发明的方法流程图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。此外，下面所描述的本发明各个实施方式中所涉及到的技术特征只要彼此之间未构成冲突就可以相互组合。

一种适用于手写签批系统的矢量图型存储方法，包括如下步骤：

步骤1、获取签批人触摸屏幕采集到的矢量点；用户从手触摸到屏幕到手从屏幕上松开为止，这样的一个步骤中，触摸屏采集到的所有的矢量点；

步骤2、将采集到的多个矢量点保存为矢量线条，并生成矢量线条位置信息；触摸屏采集到的所有的点都保存到“线条”对象中，“线条”即是由这些点连接起来的矢量图形，一个“线条”的位置信息由这些点的信息所描述。

步骤3、生成与所述矢量线条位置信息一一对应的签批信息，并将矢量线条位置信息与签批信息保存为矢量图形JSON格式存储。

上述步骤3中对矢量线条位置信息与签批信息按如下格式进行存储：

总体数据结构：{页面信息、矢量图形信息，流程信息：[{签批时间、流程id、签批者信息、签批的具体数据},...]}，其中，

通过设置矢量图形基准宽度以保证矢量图形放大不模糊；

每一层表示一个签批人的签批信息及其签批的矢量线条位置信息，签批信息包括：签批人身份信息、签批时间、签批内容、签批流程ID以及用户自定义数据。

所述签批人的签批内容包括位置信息、文字内容、文字大小以及文字颜色；

进一步地，通过isShow命令设置签批内容对当前签批人是否可见；

进一步地，通过userid的对比判断签批内容是否属于当前签批者，若userid与系统登录者userid不一致，则不是当前签批者签批，当前签批者无权编辑。

矢量图形存储的数据格式如下：

在该数据结构中，最外层的数组中(由[]表示)，一个子元素(由{}表示)代表了一页中所包含的签批人的签批信息及其签批的矢量线条位置信息。假设，最外层的数组中有2个子元素，那么说明这个矢量图形有两页。

第一层子元素描述了某一个的矢量图形，具体字段的含义如下：

basicOS：最后一次修改该页的操作系统，包含iOS、Android、PC。

width：矢量图形的基准宽度，即：所有的点的宽度都按照该值作为视图宽度的最大值。若矢量图形的基准宽度width＝1000，那么假舍视图宽度为1500，缩放值i＝1500/1000。绘制在该视图上所有的点都需将其宽度和高度乘以该值再绘制。通过该方法以保证矢量图形无论放大多少倍都不会模糊。

page：数据在第几页，其中0为起始页。

processes：手写签批的具体数据的数组，每个子元素都是一个人手写签批的内容。

processes子元素描述了某个签批人的手写签批内容，具体字段的含义如下：

datas：手写签批内容的数组，数组中的一个子元素代表着一个“线条”或者“文字”。

sendtime：提交签批内容的时间。

username：用户名称(会显示在矢量图形中)。

isShow：该签批内容对当前用户是否可见。

workflowId：数据流ID号，当前签批者入库保存手写签批内容。

datas子元素具体字段含义如下：

type：矢量图形类型，分为“text”和“line”，其中，text表示文字信息，line表示线条信息。

以下是文字type为“text”的子元素：

SignX、SignY分别表示文字的起始点坐标。

blue、green、red：文字的颜色RGB参数。

text：文字的详细内容。

isbold：是否加粗。

time：录入文字的时间。

size：文字的大小。

Height文字区域的宽度；width：文字区域的高度。

以下是文字type为“line”的子元素：

blue、green、red：线条颜色RGB参数

iseraser:是否是橡皮擦

width:线条宽度

points:线条中点的数组。

cy、cx:点的x、y轴坐标。

对于每一个签批人的意见，都由不同的processes子元素进行存储，在展现时，将不同人的签批意见绘制在不同的视图层中。这样，每个人的签批意见就相互不影响了。

步骤5、签批系统根据工作流流程设置当前签批信息对于下一个签批者是否可见，并将矢量图形数据传输到下一个签批者，供下一个签批者签批。下一个签批者获取到矢量图形后，系统先将该图型展现在不可编辑层。该签批者的新签批内容将被绘制在可编辑层。该签批者只能修改当前图层的内容。并重复步骤1的操作。

步骤6、服务器端保存的签批数据还可以供用户查看或者打印等。(需要工作流系统的支持)。该发明的说明仅限客户端。

通过这种格式进行矢量图形存储，无论在哪个端(服务端、客户端)都可以轻松的解析数据，并将数据进行持久化存储。同时，这种存储方式还可以很方便的在绘图时进行分层。从而满足了手写签批系统每个人的签批意见相互不影响的特性。

我们的存储格式还可以根据业务需求进行相应的升级。比如，在手写节点中添加workflowid，从而可以将手写签批内容与工作流节点绑定。

在保存签批的手写内容时，在节点中添加人员信息数据，保证可以追溯签批者的身份。如：每一个流程中都包含了userid字段，而process(流程信息)字段是所有流程数据的合集，他在追溯时，系统可以通过每一个流程中的userid字段，判断该流程是由谁签批的，并可以将签批者的。同时，签批系统在展示时，也可以将每一个流程的签批者姓名展示出来(通过userid字段判断),展示效果如图所示。

签批系统要处理请假流程，需要由领导A、B、C分别签批，当A领导签批完成后，由B领导签批，此时，B领导就无法修改A领导的签批内容。如果，请假流程规定了每一个领导都无法看见其他领导的签批内容，当A领导签批完成后，他的流程中的isShow字段将被设置成0，当B领导签批时，系统就不会展示A领导的签批内容了。

而工作流系统(以请假流程为例)的具体工作流程如下：

1、管理员画工作流(请假)流程：先由请假人提出申请、再由领导A、B签批、签批结果由HR部门审核，具体的如图所示。此时，系统将给请假流程的每一个流程赋予workflowid，该id用于判断签批到底进行到哪一步。

2、请假者提出申请，填写相关信息，如：部门、请假时间等，然后转交下一步。系统通过当前的workflowid判断下一步将由领导A签批。

3、领导A进行签批，完成后转交下一步。

4、完成整个流程后，系统结束该流程，并通知请假人签批结果。

5、如请假人对签批结果有异议，可以通过工作流系统查看每一个领导的签批内容。

轻量级的解析器，从而可以使矢量图形覆盖在其他文件格式上。一种适用于手写签批系统的矢量图型的存储方法，包括：

生成“线条”的位置信息：用户从手触摸到屏幕到手从屏幕上松开为止，这样的一个步骤中，触摸屏采集到的所有的点，都保存到“线条”对象中。“线条”即是由这些点连接起来的矢量图形。一个“线条”的位置信息由这些点的信息所描述。

生成“线条”的用户信息，并将该信息添加到“线条”对象中。一个线条的身份信息由这些点的信息描述。

根据签批系统的手写设置，确定了“线条”的宽度、颜色等信息。宽度用float型存储。颜色信息采用RGB格式存储。

用户在一次签批过程中，可以生成多个这样的“线条”，并将“线条”都保存到JSON数组中。这样的JSON数组可以很方便的在签批系统中流转。

在系统中由于所有的矢量图形信息都是通过触摸屏采集，所以，矢量的“点”也是用户通过触摸屏幕到松手的过程来采集的。我们可以将“点”归集到“线条”类型中去。

“文字”信息也可以保存到矢量图形中去，文字信息主要包含：位置信息、文字内容、文字大小、文字颜色、身份信息等。其中身份信息、颜色信息与“线条”中这些信息的存储方式一致。

由于矢量图形的存储采用JSON格式进行存储，签批系统在流转手写内容时可以在服务器端添加控制信息，如：下一个签批者无法看见上一个签批者的手写内容。上一个签批者无法修改上一个签批者的手写内容等等。

JSON解析所有的矢量图形信息，根据矢量图形的设置来确定该用户能否看见矢量图形中的某个元素。展示矢量图形模块由可编辑图层和不可编辑图层组成。根据矢量图形某个元素的设置信息，确定该用户能否编辑该元素。如果能编辑，则将元素绘制在可编辑层，如果无法编辑，则将图形绘制在不可编辑图层。所有在可编辑图层的内容，用户都可以进行删除、涂改等操作。用户可以在可编辑图层添加“线条”、“文字”等矢量元素。

以上显示和描述了本发明的基本原理、主要特征和本发明的优点。本行业的技术人员应该了解，本发明不受上述实施例的限制，上述实施例和说明书中描述的只是说明本发明的原理，在不脱离本发明精神和范围的前提下，本发明还会有各种变化和改进，本发明要求保护范围由所附的权利要求书、说明书及其等效物界定。

Claims (4)

1.一种用于手写签批系统的矢量图型存储方法，其特征在于，包括如下步骤：

步骤一、获取签批人触摸屏幕采集到的矢量点；

步骤二、将采集到的多个矢量点保存为矢量线条，并生成矢量线条位置信息；

步骤三、生成与所述矢量线条位置信息一一对应的签批信息，并将矢量线条位置信息与签批信息保存为矢量图形JSON格式存储，具体表现为：

总体数据结构：{页面信息、矢量图形信息，流程信息：[{签批时间、流程id、签批者信息、签批的具体数据},]}，其中，

页面信息用于描述当前签批的数据在第几页，以及页面的宽度和高度；通过设置页面的宽度以保证矢量图形放大不模糊；

矢量图形信息用于描述该矢量图形文件格式的版本、最后一次编辑的操作系统；

流程信息用于存储每一个流程的签批信息，该信息有N层，每一层表示一个签批人的签批信息及其签批的矢量线条位置信息，签批信息包括：签批人身份信息、签批时间、签批内容、签批流程id以及用户自定义数据。

步骤四、将存储的矢量图形数据上传至签批系统的服务器上。

2.如权利要求1所述的用于手写签批系统的矢量图型存储方法，其特证在于，所述签批人的签批内容包括位置信息、文字内容、文字大小以及文字颜色。

3.如权利要求1或2所述的用于手写签批系统的矢量图型存储方法，其特证在于，通过isShow命令设置签批内容对当前签批人是否可见，isShow＝1签批内容对当前签批人可见；isShow＝0，签批内容对当前签批人不可见。

4.如权利要求1-3任意一项所述的用于手写签批系统的矢量图型存储方法，其特证在于，通过userid的对比判断签批内容是否属于当前签批者，若userid与系统登录者userid一致，则是当前签批者签批；若userid与系统登录者userid不一致，则不是当前签批者签批，当前签批者无权编辑。