支持多终端触屏信息采集还原的系统、方法、设备、存储介质技术方案

本申请公开一种支持多终端触屏信息采集还原的方法，数据采集端在不同签署终端上采集触屏数据；数据处理层中笔迹数据转换模块对从不同签署终端获取的触屏数据进行预处理，将多终端笔迹数据转换为屏幕坐标系中的标准笔迹数据包，确定触屏数据的关键帧，采用补间动画算法生成笔迹点填补触屏数据邻近点位之间的空白处，确保没有断线，调用贝塞尔曲线算法确定插入两个关键帧之间的中间帧，使得笔迹表现平滑，获得的触屏数据转化成接近人自然手写习惯的线条；渲染层根据数据处理层获得的线条，根据当前点位在画布上的坐标、实时压感数据以及预定粗细确定笔迹点的大小，渲染笔迹轨迹，生成电子签名。生成电子签名。生成电子签名。

【技术实现步骤摘要】
支持多终端触屏信息采集还原的系统、方法、设备、存储介质


[0001]本申请涉及电子信息处理
，具体是一种支持多终端触屏信息采集还原技术。

技术介绍

[0002]随着无纸化办公和教学的普及，用户已经能够方便地使用触摸屏来完成对文档的批注、标记等操作，具体地，用户可以在触摸屏上进行书写，终端可以将用户的触摸轨迹显示在屏幕上以得到用户的书写笔迹，该书写笔迹即可用于对文档的批注、标记等。终端在确定书写笔迹时，可以先在触摸屏中采集多个触摸点，再将该多个触摸点中的每两个相邻触摸点用直线进行连接，以得到每两个触摸点之间的线条，之后，终端可以绘制每两个相邻触摸点之间的线条，以得到触摸屏上的书写笔迹。然而，在该书写笔迹的确定过程中，由于每两个相邻触摸点间仅简单地以直线进行连接，因此，最后得到书写笔迹往往比较生硬，书写效果较差。
[0003]由于在浏览器中Javascript在文件操作方面受到不少限制，所以它无法满足直接在前端完成多终端笔记点位还原的需求。对于此问题常规采用的解决方案是访问服务端上所提供的服务，通过多个终端收集笔迹点位数据,将数据上传到服务器端,通过贝塞尔曲线算法进行笔迹数据处理,再通过Canvas进行点位还原即可完成笔迹还原。
[0004]公开号CN106527940B，名称“书写笔迹确定方法及装置”公开了一种书写笔迹确定方法及装置，属于触控
采集触摸屏中的多个触摸点；获取多个中点，各个中点为所述多个触摸点中每两个相邻触摸点之间的中点；将所述多个中点中每两个相邻中点之间的贝塞尔曲线分解为多个分解点；绘制所述多个分解点中每两个相邻分解点之间的线条，以得到所述触摸屏上的书写笔迹。该文献通过二阶贝塞尔曲线完成曲线绘制，仅有一个控制点，对曲线的平滑控制粒度较为粗糙，其次是对笔宽的控制直接依赖笔速控制，笔速快笔迹就细，笔速慢笔迹就粗，对比和真实场景的书写过程有出入。

技术实现思路

[0005]有鉴于此，基于本申请的一个方面，提出一种支持多终端触屏信息采集还原的系统，包括，采集端、数据处理层、渲染层，数据采集端，用于在不同签署终端上采集触屏数据；数据处理层，用于对从不同签署终端获取的触屏数据进行预处理，转换为屏幕坐标系中的标准笔迹数据包，确定触屏数据的关键帧，采用“补间动画”算法生成笔迹点填补触屏数据邻近点位之间的空白处，确保没有断线，调用贝塞尔曲线算法确定插入两个关键帧之间的中间帧，使得笔划表现平滑，获得的触屏数据转化成接近人自然手写习惯的线条；渲染层根据数据处理层获得的线条，根据当前点位在画布上的坐标、实时压感数据以及预定粗细确定笔迹点的大小，渲染笔迹轨迹，生成电子签名。
[0006]进一步优选，数据采集端采集获取触屏数据字段相关值包括：当前轨迹点位在点位坐标系中x轴方向上的值x、y轴方向上的值y、当前点位的实时压感数据p、当前点位相对
上一个点位采样间隔时间t、当前点位采样状态标记s；根据采样终端设备的像素宽度ScreenWidth和像素高度ScreenHeight确定的矩形框位置坐标界定画布在数据采集终端中的位置；根据点位在数据采集终端的点位坐标界定画布在签署终端中的位置，采集端采样设备中相对左上角原点，且点位坐标范围在[0,0]和[ScreenWidth,ScreenHeight]矩形范围之内。
[0007]进一步优选，采样设备内置采集的点位坐标系坐标原点PointMin、点位坐标系最大范围PointMax、矩形框承受的最大压力值Pmax、最小压力值Pmin，所有的点位数据Points满足格式[{x:12,y:22,p:0.5,t:16,s:0},
…
]。
[0008]进一步优选，根据矩形框点位坐标位置确定触控屏签字笔迹回显范围，屏幕左上角作为screen坐标系坐标原点，根据采样终端设备的像素宽度ScreenWidth和像素高度ScreenHeight确定的矩形框四个顶点点位所连接成矩形作为画布的范围，调用公式：
[0009]RatioX＝xMax/ScreenWidth
[0010]RatioY＝yMax/ScreenHeight
[0011]x＝P(x)/RatioX
‑
Ax
[0012]y＝P(y)/RatioY
‑
Ay
[0013]将点位坐标系中的笔触点坐标位置换算到屏幕坐标中在画布区域的笔迹点位坐标系，根据公式：p＝P(p)/pMax，计算画布区域当前坐标点的压力，获得标准还原笔迹数据。
[0014]进一步优选，采用节流阀对单位时间Throttle内获取的部分点位进行清洗，保留有用的点位，具体为：遍历所有转换后的点位数据，如果当前点位P的s属性等于0或者等于2，把当前点位P加入待处理的队列，同时把采样间隔时间累加值PointTime设置为0；如果当前点位P的s属性等于1，并且PointTime大于或者等于Throttle，把当前点位P加入待处理队列，同时设置新的时间间隔累加值为上一时间间隔累加值减去单位时间Throttle。
[0015]进一步优选，补间动画算法根据所有邻近的点位之间空白处的距离，生成该距离所需的点位填补到空白处，把两邻近的点位当作两个关键帧，在两个关键帧之间做插补帧，绘制一段线条，该线条的长度由两个关键帧坐标距离差确定，倾斜角度由一个关键帧坐标相对于另一个关键帧坐标位置确定，预设两个关键帧P(p)，从第一个关键帧到第二个关键帧的过程中，基于从大到小或者从小到大递减或递增确定插补帧的压力值变化，根据预设笔划粗细值Thickness，调用公式：Thickness*P(p)确定该线条的粗细；根据贝塞尔曲线算法生成的点位作为插补帧与原始采集点位关键帧组成的线条作为笔划轨迹，设置线条起点的关键帧状态为0，线条上的点关键帧状态为1，线条终点的关键帧状态为2，由补间动画算法运算产生每个关键帧之间的插值，直到到达关键帧状态为2的关键帧，视为到达该线条的末端，结束该段线条的补帧插值，获得有起点、终端、无断点、粗细满足要求、且平滑的多段线条。
[0016]根据本申请另一方面，提出一种支持多终端触屏信息采集还原的方法，数据采集端在不同签署终端上采集触屏数据；数据处理层中笔迹数据转换模块对从不同签署终端获取的触屏数据进行预处理，将多终端笔迹数据转换为屏幕坐标系中的标准笔迹数据包，确定触屏数据的关键帧，采用补间动画算法生成笔迹点填补触屏数据邻近点位之间的空白处，确保没有断线，调用贝塞尔曲线算法确定插入两个关键帧之间的中间帧，使得笔迹表现平滑，获得的触屏数据转化成接近人自然手写习惯的线条；渲染层根据数据处理层获得的
线条，根据当前点位在画布上的坐标、实时压感数据以及预定粗细确定笔迹点的大小，渲染笔迹轨迹，生成电子签名。
[0017]进一步优选，数据采集端采集获取触屏数据字段相关值包括：当前轨迹点位在点位坐标系中x轴方向上的值x、y轴方向上的值y、当前点位的实时压感数据p、当前点位相对上一个点位采样间隔时间t、当前点位采样状态标记s；根据采样终端本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种支持多终端触屏信息采集还原的系统，其特征在于，包括，采集端、数据处理层、渲染层，数据采集端，用于在不同签署终端上采集触屏数据；数据处理层，用于对从不同签署终端获取的触屏数据进行预处理，转换为屏幕坐标系中的标准笔迹数据包，确定触屏数据的关键帧，采用“补间动画”算法生成笔迹点填补触屏数据邻近点位之间的空白处，确保没有断线，调用贝塞尔曲线算法确定插入两个关键帧之间的中间帧，使得笔划表现平滑，获得的触屏数据转化成接近人自然手写习惯的线条；渲染层根据数据处理层获得的线条，根据当前点位在画布上的坐标、实时压感数据以及预定粗细确定笔迹点的大小，渲染笔迹轨迹，生成电子签名。2.根据权利要求1所述的系统，其特征在于，数据采集端采集获取触屏数据字段相关值包括：当前轨迹点位在点位坐标系中x轴方向上的值x、y轴方向上的值y、当前点位的实时压感数据p、当前点位相对上一个点位采样间隔时间t、当前点位采样状态标记s；根据采样终端设备的像素宽度ScreenWidth和像素高度ScreenHeight确定的矩形框位置坐标界定画布在数据采集终端中的位置；根据点位在数据采集终端的点位坐标界定画布在签署终端中的位置，采集端采样设备中相对左上角原点，且点位坐标范围在[0,0]和[ScreenWidth,ScreenHeight]矩形范围之内。3.根据权利要求1或2所述的系统，其特征在于，补间动画算法根据所有邻近的点位之间空白处的距离，生成该距离所需的点位填补到空白处，把两邻近的点位当作两个关键帧，在两个关键帧之间做插补帧，绘制一段线条，该线条的长度由两个关键帧坐标距离差确定，倾斜角度由一个关键帧坐标相对于另一个关键帧坐标位置确定，预设两个关键帧P(p)，基于从大到小或者从小到大递减或递增确定插补帧的压力值变化，根据预设笔划粗细值Thickness，调用公式：Thickness*P(p)确定该线条的粗细；根据贝塞尔曲线算法生成的点位作为插补帧与原始采集点位关键帧组成的线条作为笔划轨迹，由补间动画算法运算产生每个关键帧之间的插值，直到到达线条的末端，结束该段线条的补帧插值，获得有起点、终端、无断点、粗细满足要求、且平滑的多段线条。4.根据权利要求1或2所述的系统，其特征在于，根据矩形框点位坐标位置确定触控屏签字笔迹回显范围，屏幕左上角作为screen坐标系坐标原点，根据采样终端设备的像素宽度ScreenWidth和像素高度ScreenHeight确定的矩形框四个顶点点位所连接成矩形作为画布的范围，调用公式：RatioX＝xMax/ScreenWidthRatioY＝yMax/ScreenHeightx＝P(x)/RatioX
‑
Axy＝P(y)/RatioY
‑
Ay将点位坐标系中的笔触点坐标位置换算到屏幕坐标中在画布区域的笔迹点位坐标系，根据公式：p＝P(p)/pMax，计算画布区域当前坐标点的压力，获得标准还原笔迹数据。5.一种支持多终端触屏信息采集还原的方法，其特征在于，数据采集端在不同签署终端上采集触屏数据；数据处理层中笔迹数据转换模块对从不同签署终端获取的触屏数据进行预处理，将多终端笔迹数据转换为屏幕坐标系中的标准笔迹数据包，确定触屏数据的关键帧，采用补间动画算法生成笔迹点填补触屏数据邻近点位之间的空白处，确保没有断线，调用贝塞尔曲线算法确定插入两个关键帧之间的中间帧，使得笔迹表现平滑，获得的触屏
数据转化成接近人自然手写习惯的线条；渲染层根据数据处理层获得的线条，根据当前点位在画布上的坐标、实时压感数据以及预定粗细确定笔迹点的大小，渲染笔迹轨迹，生成电子签名。6.根据权利要求5所述的方法，其特征在于，数据采集端采集获取触屏数据字段相关值包括：当前轨迹点位在点位坐标系中x轴方向上的值x、y轴方向上的值y、当前点位的实时压感数据p、当前点位相对上一个点位采样间隔时间t、当前点位采样状态标记s；根据采样终端设备的像素宽度ScreenWidth和像素高度ScreenHeight确定的矩形框位置坐标界定画布在数据采集终端中的位置；根据点位在数据采集终端的点位坐标界定画布在签署终端中的位置，采集端采样设备中相对左上角原点，且点位坐标范围在[0,0]和[ScreenWidth,ScreenHeight]矩形范围之内。7.根据权利要求5或6所述的方法，其特征在于，补间动画算法根据所有邻近的点位之间空白处的距离，生成该距离所需的点位填补到空白处，把两邻近的点位当作两个关键帧，在两个关键帧之间做插补帧，绘制一段线条，该线条的长度由两个关键帧坐标距离差确定，倾斜角度由一个关键帧坐标相对于另一个...

【专利技术属性】
技术研发人员：徐强，吕诃，叶强，
申请(专利权)人：重庆傲雄在线信息技术有限公司，
类型：发明
国别省市：