CN114115686B - H5网页手写应用中手触笔触分离方法、装置及存储介质 - Google Patents
H5网页手写应用中手触笔触分离方法、装置及存储介质 Download PDFInfo
- Publication number
- CN114115686B CN114115686B CN202111230720.3A CN202111230720A CN114115686B CN 114115686 B CN114115686 B CN 114115686B CN 202111230720 A CN202111230720 A CN 202111230720A CN 114115686 B CN114115686 B CN 114115686B
- Authority
- CN
- China
- Prior art keywords
- touch
- pressure sensing
- handwriting
- identification bit
- sensing value
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 37
- 238000009877 rendering Methods 0.000 claims abstract description 53
- 238000010606 normalization Methods 0.000 claims description 14
- 238000004364 calculation method Methods 0.000 claims description 6
- 241001422033 Thestylus Species 0.000 claims 1
- 239000013598 vector Substances 0.000 description 6
- 238000000926 separation method Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
- G06F3/0414—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means using force sensing means to determine a position
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种H5网页手写应用中手触笔触分离方法、装置及存储介质，其中，该方法包括：在H5网页应用中接收用户的触控操作；获取该触控操作事件中的归一化的压感值；判断该压感值中的触控标识位为手触标识位或笔触标识位；若该压感值中的触控标识位为手触标识位，则不对该触控操作进行渲染；若该压感值中的触控标识位为笔触标识位，则对该触控操作根据压感值进行渲染。通过实施本方法，可快速对H5网页手写应用中的笔触操作和手触操作进行进行识别，并对笔触操作进行渲染产生笔迹，对手触操作不渲染产生笔迹。从而实现用笔在H5网页手写应用中书写时，手和笔同时接触屏幕，多余的手触事件不会干扰手写笔事件，避免产生冗余笔迹。
Description
技术领域
本发明涉及智能终端领域，尤其涉及一种H5网页手写应用中手触笔触分离方法、装置及存储介质。
背景技术
Android平板电脑或iPad等具有手写笔功能的平板电脑通常具有多个触控输入源，如手写笔和手指等，从而产生对应的输入方式：笔触和手触。使用原生技术开发的Native应用可以通过多样化的***API与操作***交互，获取到较多的触摸事件参数，比如Android***中MotionEvent中公开的方法getToolType，能立即判断当前事件是笔触、手触或橡皮。如果可以区分出当前触控源是手触还是笔触，就能在多种触控源同时生效时有针对性的屏蔽某种触控源产生的多余事件，如笔触生效的同时屏蔽手触事件，避免多种触控源事件互相干扰，为用户提供更好的手写笔书写体验。
但实现了手写功能的HTML5(以下简称H5)的网页应用中却做不到像原生应用一样好的体验，这是因为H5网页应用是基于浏览器或WebView的符合W3C网页规范的标准事件PointerEvents(包含笔、手触、鼠标，W3C规定了手触、笔触和鼠标左键的键值都是1，所以无法根据键值区分)，这个事件有一定局限性。在移动智能终端(Android或IOS)同时支持多种触摸源如手触和笔触的场景下，无法正确的区分出是笔触或手触。从而导致用户用手握笔在屏幕书写时，手掌或手指部分的触及同样会被网页视为书写事件，产生冗余的无效输入事件，也就是视觉上的冗余笔画。
发明内容
本发明的目的在于提供一种H5网页手写应用中手触笔触分离方法、装置及存储介质。能解决在H5网页手写应用中用笔书写时，手和笔同时接触屏幕，多余的手触事件会干扰手写笔事件，产生冗余笔迹的问题。
有鉴于此，本发明第一方面提供了一种H5网页手写应用中手触笔触分离方法，该方法包括：
在H5网页应用中接收用户的触控操作；
获取该触控操作事件中的归一化的压感值；
判断该压感值中的触控标识位为手触标识位或笔触标识位；
若该压感值中的触控标识位为手触标识位，则不对该触控操作进行渲染；
若该压感值中的触控标识位为笔触标识位，则对该触控操作根据压感值进行渲染。
可选的，结合第一方面，在一种可能的实现方式中，该获取该触控操作事件中的归一化的压感值的步骤具体包括：
获取该触控操作的触控类型和原始压感数据；
根据该原始压感数据按照归一化算法计算压感值，并将该触控类型所对应的触控标识位添加于该压感值中。
可选的，结合第一方面，在一种可能的实现方式中，该按照归一化算法计算压感值的计算公式为：
pr_after＝(pr*10^(BitsCnt-1)+isPen)/10^(BitsCnt)
其中，pr_after为压感值；pr为原始压感数据中的原始压力值；BitsCnt为原始压感数据中的精度位数；isPen为触控标识位，取值为0或1。
可选的，结合第一方面，在一种可能的实现方式中，对该触控操作根据压感值进行渲染的具体步骤包括：
获取该触控操作的笔迹坐标信息；
根据该笔迹坐标信息、压感值及预设的笔迹宽度计算并渲染该触控操作事件中的笔迹。
可选的，结合第一方面，在一种可能的实现方式中，该计算并渲染该触控操作事件中的笔迹的具体方式包括：
计算二阶贝塞尔起始点两个控制点：
pc1＝(pstart.x-sin(atan2(pstart,pend))*pr_after*W,pstart.y+cos(atan2(pstart,pend))*pr*W)；
pc2＝(pstart.x+sin(atan2(pstart,pend))*pr_after*W,pstart.y-cos(atan2(pstart,pend))*pr*W)；
计算二阶贝塞尔终止点两个控制点：
pc1＝(pend.x-sin(atan2(pstart,pend))*pr_after*W,pend.y+cos(atan2(pstart,pend))*pr*W)；
pc2＝(pend.x+sin(atan2(pstart,pend))*pr_after*W,pend.y-cos(atan2(pstart,pend))*pr*W)；
其中，该pstart.x为起始点X坐标，(pstart,pend)为起始点坐标和终止点坐标，pstart.y为起始点Y坐标，pend.x为终止点X坐标，pend.y为终止点Y坐标，pr_after为压感值，W为预设的笔迹宽度；
根据所计算的二阶贝塞尔起始点两个控制点、二阶贝塞尔终止点两个控制点及笔迹坐标信息进行笔迹渲染。
本发明第二方面提供了一种H5网页手写应用中手触笔触分离装置，该装置包括：
触控接收模块，用于在H5网页应用中接收用户的触控操作；
压感数据处理模块，用于获取该触控操作事件中的归一化的压感值；
判断模块，用于判断该压感值中的触控标识位为手触标识位或笔触标识位；
笔迹渲染模块，用于在该压感值中的触控标识位为手触标识位时，不对该触控操作进行渲染；在该压感值中的触控标识位为笔触标识位时，对该触控操作根据压感值进行渲染。
可选的，结合第二方面，在一种可能的实现方式中，该压感数据处理模块具体包括：
数据采集单元，用于获取该触控操作的触控类型和原始压感数据；
数据处理单元，用于根据该原始压感数据按照归一化算法计算压感值，并将该触控类型所对应的触控标识位添加于该压感值中。
可选的，结合第二方面，在一种可能的实现方式中，该数据处理单元按照归一化算法计算压感值的计算公式为：
pr_after＝(pr*10^(BitsCnt-1)+isPen)/10^(BitsCnt)
其中，pr_after为压感值；pr为原始压感数据中的原始压力值；BitsCnt为原始压感数据中的精度位数；isPen为触控标识位，取值为0或1。
可选的，结合第二方面，在一种可能的实现方式中，该笔迹渲染模块具体包括：
笔迹采集单元，用于获取该触控操作的笔迹坐标信息；
笔迹处理单元，用于根据该笔迹坐标信息、压感值及预设的笔迹宽度计算并渲染该触控操作事件中的笔迹。
本申请第三方面提供了一种非易失性计算机可读存储介质，该非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得该一个或多个处理器执行如本申请第一方面至第一方面的任意一种可能的实现方式中该的方法。
本发明公开了一种H5网页手写应用中手触笔触分离方法、装置及存储介质，实施本发明的H5网页手写应用中手触笔触分离方法时，在H5网页应用中接收用户的触控操作，获取该触控操作事件中的归一化的压感值，判断该压感值中的触控标识位为手触标识位或笔触标识位。若该压感值中的触控标识位为手触标识位，则不对该触控操作进行渲染；若该压感值中的触控标识位为笔触标识位，则对该触控操作根据压感值进行渲染。通过实施本方法，可快速对H5网页手写应用中的笔触操作和手触操作进行进行识别，并对笔触操作进行渲染产生笔迹，对手触操作不渲染产生笔迹。从而实现用笔在H5网页手写应用中书写时，手和笔同时接触屏幕，多余的手触事件不会干扰手写笔事件，避免产生冗余笔迹。
附图说明
下面将结合附图及实施例对本发明作进一步说明，附图中：
图1为本发明提供的H5网页手写应用中手触笔触分离方法流程图；
图2为本发明提供的H5网页手写应用中手触笔触分离方法中步骤S102的子流程图；
图3为本发明提供的H5网页手写应用中手触笔触分离方法中步骤S105的子流程图；
图4为本发明提供的H5网页手写应用中手触笔触分离装置的结构示意图。
具体实施方式
本申请实施例提供了一种H5网页手写应用中手触笔触分离方法，以及相关装置，旨在解决在H5网页手写应用中用笔书写时，手和笔同时接触屏幕，多余的手触事件会干扰手写笔事件，产生冗余笔迹的问题。
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。在本申请中，“至少一个”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指的这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b或c中的至少一项(个)，可以表示：a，b，c，a和b，a和c，b和c或a和b和c，其中a、b和c可以是单个，也可以是多个。值得注意的是，“至少一项(个)”还可以解释成“一项(个)或多项(个)”。
需要说明的是，本申请中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其他实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
本申请实施例中出现的第一、第二等描述，仅作示意与区分描述对象之用，没有次序之分，也不表示本申请实施例中对设备个数的特别限定，不能构成对本申请实施例的任何限制。
本申请提供了一种H5网页手写应用中手触笔触分离方法，请参见图1，该方法包括：
步骤S101，在H5网页应用中接收用户的触控操作。
具体的，用户使用平板电脑浏览H5网页应用时，可对该H5网页应用进行触控操作，该触控操作可以包括笔触和手触，笔触主要用于对网页内容进行批注、标记等，手触主要用于对网页内容进行浏览、切换等。
步骤S102，获取该触控操作事件中的归一化的压感值。
在接收到用户输入的触控操作后，获取本次触控操作事件中的归一化的压感值，该压感值根据本次触控事件的原始压感数据按照归一化算法计算获得，详后述。
步骤S103，判断该压感值中的触控标识位为手触标识位或笔触标识位。
读取压感值中的触控标识位，并判断该触控标识位为手触标识位或笔触标识位，从而实现根据压感值判断本次触控操作为手触操作还是笔触操作。
若该压感值中的触控标识位为手触标识位，执行步骤S104；若该压感值中的触控标识位为笔触标识位，执行步骤S105；
步骤S104，则不对该触控操作进行渲染。
当判断本次触控操作为手触操作时，不对本次手触操作进行渲染处理，即，不显示本次触控操作的笔迹。
步骤S105，则对该触控操作根据压感值进行渲染。
当判断本次触控操作为笔触操作时，对本次笔触操作进行渲染处理，即，根据本次触控操作在平板电脑上显示对应的笔迹。
实施本发明的H5网页手写应用中手触笔触分离方法时，在H5网页应用中接收用户的触控操作，获取该触控操作事件中的归一化的压感值，判断该压感值中的触控标识位为手触标识位或笔触标识位。若该压感值中的触控标识位为手触标识位，则不对该触控操作进行渲染；若该压感值中的触控标识位为笔触标识位，则对该触控操作根据压感值进行渲染。通过实施本方法，可快速对H5网页手写应用中的笔触操作和手触操作进行进行识别，并对笔触操作进行渲染产生笔迹，对手触操作不渲染产生笔迹。从而实现用笔在H5网页手写应用中书写时，手和笔同时接触屏幕，多余的手触事件不会干扰手写笔事件，避免产生冗余笔迹。
请参见图2，在本发明的一个本实施例中，该获取该触控操作事件中的归一化的压感值的步骤S102具体包括：
步骤S1021，获取该触控操作的触控类型和原始压感数据；
步骤S1022，根据该原始压感数据按照归一化算法计算压感值，并将该触控类型所对应的触控标识位添加于该压感值中。
进一步的，该按照归一化算法计算压感值的计算公式为：
pr_after＝(pr*10^(BitsCnt-1)+isPen)/10^(BitsCnt)
其中，pr_after为压感值；pr为原始压感数据中的原始压力值；BitsCnt为原始压感数据中的精度位数；isPen为触控标识位，取值为0或1。
优选的，该笔触标识位取值为0，手触标识位取值为1。
请参见图3，在本发明的另一本实施例中，对该触控操作根据压感值进行渲染的步骤S105具体包括：
步骤S1051，获取该触控操作的笔迹坐标信息；
步骤S1052，根据该笔迹坐标信息、压感值及预设的笔迹宽度计算并渲染该触控操作事件中的笔迹。
具体的，该计算并渲染该触控操作事件中的笔迹的具体方式包括：
计算二阶贝塞尔起始点两个控制点：
pc1＝(pstart.x-sin(atan2(pstart,pend))*pr_after*W,pstart.y+cos(atan2(pstart,pend))*pr*W)；
pc2＝(pstart.x+sin(atan2(pstart,pend))*pr_after*W,pstart.y-cos(atan2(pstart,pend))*pr*W)；
计算二阶贝塞尔终止点两个控制点：
pc1＝(pend.x-sin(atan2(pstart,pend))*pr_after*W,pend.y+cos(atan2(pstart,pend))*pr*W)；
pc2＝(pend.x+sin(atan2(pstart,pend))*pr_after*W,pend.y-cos(atan2(pstart,pend))*pr*W)；
其中，该pstart.x为起始点X坐标，(pstart,pend)为起始点坐标和终止点坐标，pstart.y为起始点Y坐标，pend.x为终止点X坐标，pend.y为终止点Y坐标，pr_after为压感值，W为预设的笔迹宽度；
根据所计算的二阶贝塞尔起始点两个控制点、二阶贝塞尔终止点两个控制点及笔迹坐标信息进行笔迹渲染。
其中，计算起始点的公式：起点作为圆，圆心即原始点p0的向量即笛卡尔坐标(x0,y0)，半径为W＝f(pr,finger)。
计算线段时的公式：起点为原始点p1的向量即笛卡尔坐标(x1,y1)，终点为p1和p2向量的中间值，即pe＝f(p1,p2,pr,finger)。
处理压感值公式为：f(p,finger)＝p*finger；finger取值{0,1}。
本申请还提供了一种H5网页手写应用中手触笔触分离装置的结构示意图，请参见图4，该装置包括：
触控接收模块，用于在H5网页应用中接收用户的触控操作；
压感数据处理模块，用于获取该触控操作事件中的归一化的压感值；
判断模块，用于判断该压感值中的触控标识位为手触标识位或笔触标识位；
笔迹渲染模块，用于在该压感值中的触控标识位为手触标识位时，不对该触控操作进行渲染；在该压感值中的触控标识位为笔触标识位时，对该触控操作根据压感值进行渲染。
具体的，用户使用平板电脑浏览H5网页应用时，可对该H5网页应用进行触控操作，该触控操作可以包括笔触和手触，笔触主要用于对网页内容进行批注、标记等，手触主要用于对网页内容进行浏览、切换等。在接收到用户输入的触控操作后，获取本次触控操作事件中的归一化的压感值，该压感值根据本次触控事件的原始压感数据按照归一化算法计算获得。读取压感值中的触控标识位，并判断该触控标识位为手触标识位或笔触标识位，从而实现根据压感值判断本次触控操作为手触操作还是笔触操作。当判断本次触控操作为手触操作时，不对本次手触操作进行渲染处理，即，不显示本次触控操作的笔迹。当判断本次触控操作为笔触操作时，对本次笔触操作进行渲染处理，即，根据本次触控操作在平板电脑上显示对应的笔迹。
使用本发明的H5网页手写应用中手触笔触分离装置时，在H5网页应用中接收用户的触控操作，获取该触控操作事件中的归一化的压感值，判断该压感值中的触控标识位为手触标识位或笔触标识位。若该压感值中的触控标识位为手触标识位，则不对该触控操作进行渲染；若该压感值中的触控标识位为笔触标识位，则对该触控操作根据压感值进行渲染。通过实施本方法，可快速对H5网页手写应用中的笔触操作和手触操作进行进行识别，并对笔触操作进行渲染产生笔迹，对手触操作不渲染产生笔迹。从而实现用笔在H5网页手写应用中书写时，手和笔同时接触屏幕，多余的手触事件不会干扰手写笔事件，避免产生冗余笔迹。
具体的，该压感数据处理模块具体包括：
数据采集单元，用于获取该触控操作的触控类型和原始压感数据；
数据处理单元，用于根据该原始压感数据按照归一化算法计算压感值，并将该触控类型所对应的触控标识位添加于该压感值中。
具体的，该数据处理单元按照归一化算法计算压感值的计算公式为：
pr_after＝(pr*10^(BitsCnt-1)+isPen)/10^(BitsCnt)
其中，pr_after为压感值；pr为原始压感数据中的原始压力值；BitsCnt为原始压感数据中的精度位数；isPen为触控标识位，取值为0或1。
优选的，该笔触标识位取值为0，手触标识位取值为1。
具体的该笔迹渲染模块具体包括：
笔迹采集单元，用于获取该触控操作的笔迹坐标信息；
笔迹处理单元，用于根据该笔迹坐标信息、压感值及预设的笔迹宽度计算并渲染该触控操作事件中的笔迹。
具体的，该计算并渲染该触控操作事件中的笔迹的具体方式包括：
计算二阶贝塞尔起始点两个控制点：
pc1＝(pstart.x-sin(atan2(pstart,pend))*pr_after*W,pstart.y+cos(atan2(pstart,pend))*pr*W)；
pc2＝(pstart.x+sin(atan2(pstart,pend))*pr_after*W,pstart.y-cos(atan2(pstart,pend))*pr*W)；
计算二阶贝塞尔终止点两个控制点：
pc1＝(pend.x-sin(atan2(pstart,pend))*pr_after*W,pend.y+cos(atan2(pstart,pend))*pr*W)；
pc2＝(pend.x+sin(atan2(pstart,pend))*pr_after*W,pend.y-cos(atan2(pstart,pend))*pr*W)；
其中，该pstart.x为起始点X坐标，(pstart,pend)为起始点坐标和终止点坐标，pstart.y为起始点Y坐标，pend.x为终止点X坐标，pend.y为终止点Y坐标，pr_after为压感值，W为预设的笔迹宽度；
根据所计算的二阶贝塞尔起始点两个控制点、二阶贝塞尔终止点两个控制点及笔迹坐标信息进行笔迹渲染。
其中，计算起始点的公式：起点作为圆，圆心即原始点p0的向量即笛卡尔坐标(x0,y0)，半径为W＝f(pr,finger)。
计算线段时的公式：起点为原始点p1的向量即笛卡尔坐标(x1,y1)，终点为p1和p2向量的中间值，即pe＝f(p1,p2,pr,finger)。
处理压感值公式为：f(p,finger)＝p*finger；finger取值{0,1}。
在本申请实施例提供的一种H5网页手写应用中手触笔触分离装置的另一实施例中，该H5网页手写应用中手触笔触分离装置可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器(central processing units，CPU)(例如，一个或一个以上处理器)和存储器，一个或一个以上存储应用程序或数据的存储介质(例如一个或一个以上海量存储设备)。其中，存储器和存储介质可以是短暂存储或持久存储。存储在存储介质的程序可以包括一个或一个以上模块，每个模块可以包括对H5网页手写应用中手触笔触分离装置中的一系列指令操作。更进一步地，处理器可以设置为与存储介质通信，在H5网页手写应用中手触笔触分离装置上执行存储介质中的一系列指令操作。
H5网页手写应用中手触笔触分离装置还可以包括一个或一个以上电源，一个或一个以上有线或无线网络接口，一个或一个以上输入输出接口，和/或，一个或一个以上操作***，例如Android、Windows Serve，Mac OS X，Unix，Linux，FreeBSD等等。本领域技术人员可以理解，该H5网页手写应用中手触笔触分离装置结构并不构成对数据处理设备的限定，可以包括更多或更少的部件，或者组合某些部件，或者不同的部件布置。
本申请还提供一种计算机可读存储介质，该计算机可读存储介质可以为非易失性计算机可读存储介质，该计算机可读存储介质也可以为易失性计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在计算机上运行时，使得计算机执行所述H5网页手写应用中手触笔触分离方法的步骤。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的***，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
在本申请所提供的实施例中，应该理解到，所揭露的方法，在没有超过本申请的精神和范围内，可以通过其他的方式实现。当前的实施例只是一种示范性的例子，不应该作为限制，所给出的具体内容不应该限制本申请的目的。例如，一些特征可以忽略，或不执行。
本申请方案所公开的技术手段不仅限于上述实施方式所公开的技术手段，还包括由以上技术特征任意组合所组成的技术方案。应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本申请的保护范围。
以上对本申请实施例所提供的一种H5网页手写应用中手触笔触分离方法、装置及存储介质进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。
Claims (6)
1.一种H5网页手写应用中手触笔触分离方法，其特征在于，所述方法包括：
在H5网页应用中接收用户的触控操作；
获取所述触控操作事件中的归一化的压感值；
判断所述压感值中的触控标识位为手触标识位或笔触标识位；
若所述压感值中的触控标识位为手触标识位，则不对所述触控操作进行渲染；
若所述压感值中的触控标识位为笔触标识位，则对所述触控操作根据压感值进行渲染；
所述获取所述触控操作事件中的归一化的压感值的步骤具体包括：
获取所述触控操作的触控类型和原始压感数据；
根据所述原始压感数据按照归一化算法计算压感值，并将所述触控类型所对应的触控标识位添加于所述压感值中；
所述按照归一化算法计算压感值的计算公式为：
pr_after＝(pr*10^(BitsCnt-1)+isPen)/10^(BitsCnt)；
其中，pr_after为压感值；pr为原始压感数据中的原始压力值；BitsCnt为原始压感数据中的精度位数；isPen为触控标识位，笔触标识位取值为0，手触标识位取值为1。
2.根据权利要求1所述的H5网页手写应用中手触笔触分离方法，其特征在于，对所述触控操作根据压感值进行渲染的具体步骤包括：
获取所述触控操作的笔迹坐标信息；
根据所述笔迹坐标信息、压感值及预设的笔迹宽度计算并渲染所述触控操作事件中的笔迹。
3.根据权利要求2所述的H5网页手写应用中手触笔触分离方法，其特征在于，所述计算并渲染所述触控操作事件中的笔迹的具体方式包括：
计算二阶贝塞尔起始点两个控制点：
pc1＝(pstart.x-sin(atan2(pstart，pend))*pr_after*W，pstart.y+cos(atan2(pstart，pend))*pr*W)；
pc2＝(pstart.x+sin(atan2(pstart，pend))*pr_after*W，pstart.y-cos(atan2(pstart，pend))*pr*W)；
计算二阶贝塞尔终止点两个控制点：
pc1＝(pend.x-sin(atan2(pstart，pend))*pr_after*W，pend.y+cos(atan2(pstart，pend))*pr*W)；
pc2＝(pend.x+sin(atan2(pstart，pend))*pr_after*W，pend.y-cos(atan2(pstart，pend))*pr*W)；
其中，所述pstart.x为起始点X坐标，(pstart，pend)为起始点坐标和终止点坐标，pstart.y为起始点Y坐标，pend.x为终止点X坐标，pend.y为终止点Y坐标，pr_after为压感值，W为预设的笔迹宽度；
根据所计算的二阶贝塞尔起始点两个控制点、二阶贝塞尔终止点两个控制点及笔迹坐标信息进行笔迹渲染。
4.一种H5网页手写应用中手触笔触分离装置，其特征在于，所述装置包括：
触控接收模块，用于在H5网页应用中接收用户的触控操作；
压感数据处理模块，用于获取所述触控操作事件中的归一化的压感值；
判断模块，用于判断所述压感值中的触控标识位为手触标识位或笔触标识位；
笔迹渲染模块，用于在所述压感值中的触控标识位为手触标识位时，不对所述触控操作进行渲染；在所述压感值中的触控标识位为笔触标识位时，对所述触控操作根据压感值进行渲染；
所述压感数据处理模块具体包括：
数据采集单元，用于获取所述触控操作的触控类型和原始压感数据；
数据处理单元，用于根据所述原始压感数据按照归一化算法计算压感值，并将所述触控类型所对应的触控标识位添加于所述压感值中；
所述数据处理单元按照归一化算法计算压感值的计算公式为：
pr_after＝(pr*10^(BitsCnt-1)+isPen)/10^(BitsCnt)；
其中，pr_after为压感值；pr为原始压感数据中的原始压力值；BitsCnt为原始压感数据中的精度位数；isPen为触控标识位，笔触标识位取值为0，手触标识位取值为1。
5.根据权利要求4所述的H5网页手写应用中手触笔触分离装置，其特征在于，所述笔迹渲染模块具体包括：
笔迹采集单元，用于获取所述触控操作的笔迹坐标信息；
笔迹处理单元，用于根据所述笔迹坐标信息、压感值及预设的笔迹宽度计算并渲染所述触控操作事件中的笔迹。
6.一种非易失性计算机可读存储介质，其特征在于，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行权利要求1至3中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111230720.3A CN114115686B (zh) | 2021-10-22 | 2021-10-22 | H5网页手写应用中手触笔触分离方法、装置及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111230720.3A CN114115686B (zh) | 2021-10-22 | 2021-10-22 | H5网页手写应用中手触笔触分离方法、装置及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114115686A CN114115686A (zh) | 2022-03-01 |
| CN114115686B true CN114115686B (zh) | 2024-04-30 |
Family
ID=80376600
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111230720.3A Active CN114115686B (zh) | 2021-10-22 | 2021-10-22 | H5网页手写应用中手触笔触分离方法、装置及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114115686B (zh) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102063236A (zh) * | 2010-12-29 | 2011-05-18 | 福州锐达数码科技有限公司 | 一种压感电子白板实现触摸识别的方法 |
| WO2014089518A1 (en) * | 2012-12-06 | 2014-06-12 | Communication Intelligence Corp. | System and method for signing electronic documents |
| CN105229590A (zh) * | 2013-04-26 | 2016-01-06 | 三星电子株式会社 | 具有笔的用户终端装置和用户终端装置的控制方法 |
| CN106155608A (zh) * | 2015-04-08 | 2016-11-23 | 北京壹人壹本信息科技有限公司 | 一种原笔迹存储及显示方法、***及设备 |
| CN108228069A (zh) * | 2017-12-21 | 2018-06-29 | 北京壹人壹本信息科技有限公司 | 手写字体输入方法、移动终端及装置 |
| US10043056B1 (en) * | 2017-03-31 | 2018-08-07 | International Business Machines Corporation | Analyzing writing using pressure sensing touchscreens |
| CN110058763A (zh) * | 2019-03-19 | 2019-07-26 | 广州视源电子科技股份有限公司 | 交互信息处理方法、***、装置、存储介质及笔记本 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR101802759B1 (ko) * | 2011-05-30 | 2017-11-29 | 엘지전자 주식회사 | 이동 단말기 및 이것의 디스플레이 제어 방법 |
| WO2017031355A1 (en) * | 2015-08-19 | 2017-02-23 | Oviatt Sharon L | Adapting computer functionality based on handwriting energy expenditure |
| US10318613B2 (en) * | 2015-08-25 | 2019-06-11 | Myscript | System and method of digital note taking |
-
2021
- 2021-10-22 CN CN202111230720.3A patent/CN114115686B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102063236A (zh) * | 2010-12-29 | 2011-05-18 | 福州锐达数码科技有限公司 | 一种压感电子白板实现触摸识别的方法 |
| WO2014089518A1 (en) * | 2012-12-06 | 2014-06-12 | Communication Intelligence Corp. | System and method for signing electronic documents |
| CN105229590A (zh) * | 2013-04-26 | 2016-01-06 | 三星电子株式会社 | 具有笔的用户终端装置和用户终端装置的控制方法 |
| CN106155608A (zh) * | 2015-04-08 | 2016-11-23 | 北京壹人壹本信息科技有限公司 | 一种原笔迹存储及显示方法、***及设备 |
| US10043056B1 (en) * | 2017-03-31 | 2018-08-07 | International Business Machines Corporation | Analyzing writing using pressure sensing touchscreens |
| CN108228069A (zh) * | 2017-12-21 | 2018-06-29 | 北京壹人壹本信息科技有限公司 | 手写字体输入方法、移动终端及装置 |
| CN110058763A (zh) * | 2019-03-19 | 2019-07-26 | 广州视源电子科技股份有限公司 | 交互信息处理方法、***、装置、存储介质及笔记本 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114115686A (zh) | 2022-03-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10402005B2 (en) | Touch method and device, touch display apparatus | |
| TWI536205B (zh) | 用於釐清在多點觸碰指標裝置中之故意及偶發之觸碰與移動的程序、多點觸碰指標裝置及計算機器 | |
| US20160188079A1 (en) | Controlling Method of Foldable Screen and Electronic Device | |
| KR102257172B1 (ko) | 기하학적 형상들을 인식하는 시스템 및 방법 | |
| US9330249B2 (en) | Information terminal | |
| EP3047366B1 (en) | Detecting primary hover point for multi-hover point device | |
| CN109753179B (zh) | 用户操作指令的处理方法及手写阅读设备 | |
| US9405393B2 (en) | Information processing device, information processing method and computer program | |
| TWI510976B (zh) | 觸碰輸入來源的選擇方法與電子裝置 | |
| CN104252254A (zh) | 触碰输入来源的选择方法与电子装置 | |
| US20140306927A1 (en) | Input device, computer-readable recording medium, and method for receiving input | |
| CN114115686B (zh) | H5网页手写应用中手触笔触分离方法、装置及存储介质 | |
| CN109298809A (zh) | 一种触控动作识别方法、装置及终端设备 | |
| CN110658976A (zh) | 一种触控轨迹显示方法及电子设备 | |
| CN113934312B (zh) | 一种基于红外触摸屏的触摸物识别方法和终端设备 | |
| CN106020712B (zh) | 一种触控手势识别方法及装置 | |
| JP6081324B2 (ja) | 操作入力装置、携帯型情報端末、操作入力装置の制御方法、プログラム、及び記録媒体 | |
| US20160054830A1 (en) | Information processing device, method of identifying operation of fingertip, and program | |
| CN115278431A (zh) | 状态确定方法和装置、电子设备及可读存储介质 | |
| US20180188878A1 (en) | Use of groove analysis in a touch screen device to determine occurrence of an elongated touch by a single finger | |
| EP2715492A2 (en) | Identifying contacts and contact attributes in touch sensor data using spatial and temporal features | |
| JP2020181266A (ja) | 情報処理装置、タッチパネル装置、及びプログラム | |
| JP2009086855A (ja) | 電子ボードシステム | |
| CN113157197B (zh) | 一种触控板控制方法及装置 | |
| JP2017033030A (ja) | 情報処理装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |