CN108733293A - 书写轨迹处理方法及装置 - Google Patents
书写轨迹处理方法及装置 Download PDFInfo
- Publication number
- CN108733293A CN108733293A CN201810596701.4A CN201810596701A CN108733293A CN 108733293 A CN108733293 A CN 108733293A CN 201810596701 A CN201810596701 A CN 201810596701A CN 108733293 A CN108733293 A CN 108733293A
- Authority
- CN
- China
- Prior art keywords
- point
- handwriting trace
- erasing
- path
- painting canvas
- 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.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 19
- 238000003860 storage Methods 0.000 claims abstract description 63
- 238000010422 painting Methods 0.000 claims description 142
- 238000012545 processing Methods 0.000 claims description 66
- 238000000034 method Methods 0.000 claims description 50
- 230000008569 process Effects 0.000 claims description 20
- 208000032366 Oversensing Diseases 0.000 claims description 10
- 238000000638 solvent extraction Methods 0.000 claims description 9
- 239000004744 fabric Substances 0.000 claims description 8
- 238000006748 scratching Methods 0.000 claims description 7
- 230000002393 scratching effect Effects 0.000 claims description 7
- 238000004590 computer program Methods 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 20
- 230000011218 segmentation Effects 0.000 description 10
- 230000006870 function Effects 0.000 description 9
- 238000005070 sampling Methods 0.000 description 9
- 238000005516 engineering process Methods 0.000 description 7
- 230000006399 behavior Effects 0.000 description 3
- 238000004040 coloring Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 235000015170 shellfish Nutrition 0.000 description 3
- 230000015572 biosynthetic process Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000005520 cutting process Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000000007 visual effect Effects 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
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
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
本申请提供一种书写轨迹处理方法及装置,通过获取用户在浏览器上显示的画布中输入的擦除区域;进一步地,依次确定画布中的书写轨迹上的各个点是否位于擦除区域内;进一步地,将位于擦除区域内的点从画布中显示的书写轨迹中去除,并从存储单元中所存储的书写轨迹对应的书写路径中删除,以使画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径;进一步地,接收用户对画布上任意点的拖拽操作,若任意点的坐标信息位于擦除后的任意一段子书写路径上,则对子书写路径对应的子书写轨迹进行拖拽操作。实现了基于浏览器对擦除后所形成的任意子书写轨迹分别进行拖拽的功能。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种书写轨迹处理方法及装置。
背景技术
随着用户对基于终端设备进行书写需求的增加,书写板功能已成为终端设备中常见的产品交互功能。通常情况下,用户可在书写板的画布上书写,形成一条或多条书写轨迹;也可以将画布上所书写的书写轨迹进行擦除。
基于终端设备中浏览器的相关技术中,通过浏览器所提供的应用程序编程接口(Application Programming Interface,API)能够实现书写和视觉层面的擦除。随着用户对书写需求的进一步增加,提出基于浏览器需要实现对擦除后所形成的多个子书写轨迹分别进行拖拽的功能。但相关技术中仅从视觉层面擦除所形成的多个子书写轨迹无法分别进行拖拽。
发明内容
本申请提供一种书写轨迹处理方法及装置,实现了基于浏览器的书写轨迹分割功能,提高了用户体验。
第一方面,本申请提供一种书写轨迹处理方法,包括:
获取用户在浏览器上显示的画布中输入的擦除区域;
依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内;
将位于所述擦除区域内的点从所述画布中显示的书写轨迹中去除,并从存储单元中所存储的所述书写轨迹对应的书写路径中删除,以使所述画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径;其中,每段所述子书写路径包括所述子书写路径对应的子书写轨迹上各个点在所述画布中的坐标信息;
接收所述用户对所述画布上任意点的拖拽操作,若所述任意点的坐标信息位于擦除后的任意一段所述子书写路径上,则对所述子书写路径对应的子书写轨迹进行拖拽操作。
在一种可能的实现方式中,所述获取用户在浏览器上显示的画布中输入的擦除区域,包括:
获取所述用户在所述画布中输入的擦除轨迹;
根据所述擦除轨迹确定在所述画布中对应的擦除区域。
在一种可能的实现方式中,所述根据所述擦除轨迹确定在所述画布中对应的擦除区域,包括:
根据所述擦除轨迹中各点在所述画布中的坐标信息,在虚拟画布的各像素点中确定与所述擦除轨迹对应的像素点,所述虚拟画布与所述浏览器上显示的画布尺寸相同,且所述虚拟画布中各像素点的坐标信息存储在存储单元中;
对所述虚拟画布中与所述擦除轨迹对应的像素点配置图像信息并存储在所述存储单元中,其中,所述浏览器上显示的画布中与配置所述图像信息的像素点对应的区域为所述擦除区域,所述图像信息包括颜色值和透明度值中的至少一个。
在一种可能的实现方式中,所述依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内,包括:
根据所述书写轨迹中各个点在所述浏览器上显示的画布中的坐标信息,以及所述虚拟画布中各像素点的坐标信息,确定所述虚拟画布中与所述书写轨迹对应的像素点;
若所述书写轨迹对应的像素点存在所述图像信息,则确定所述像素点位于所述擦除区域内。
在一种可能的实现方式中,所述获取用户在浏览器上显示的画布中输入的擦除轨迹,包括:
接收用户的启动擦除指令;
监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述擦除轨迹。
在一种可能的实现方式中,所述依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内之前,还包括:
接收用户的启动书写指令;
监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述书写轨迹。
在一种可能的实现方式中,所述方法还包括:
对所述鼠标移动的各个点依次采用二次贝塞尔曲线进行连线处理,获得的贝塞尔曲线的关键点为所述书写轨迹中的关键点;
在存储单元中存储所述书写轨迹对应的书写路径;其中,所述书写路径中包括所述书写轨迹中的关键点的坐标信息。
在一种可能的实现方式中,所述依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内,包括:
根据所述书写轨迹中的关键点的距离确定采样值;
根据所述书写轨迹中的关键点、所述采样值以及所述二次贝塞尔曲线公式确定所述书写轨迹上的采样点;
依次确定所述书写轨迹上的各采样点是否位于所述擦除区域内。
在一种可能的实现方式中,所述将位于所述擦除区域内的点从所述画布中显示的书写轨迹中去除,包括:
调用浏览器中的清除应用程序编程接口API将位于所述擦除区域内的关键点从所述画布中显示的书写轨迹中去除,以形成至少两段子书写轨迹。
在一种可能的实现方式中,将位于所述擦除区域内的点从存储单元中所存储的所述书写轨迹对应的书写路径中删除,包括:
在所述书写轨迹的关键点中确定与所述擦除区域临界的第一临界点和/或第二临界点,所述第一临界点沿所述书写轨迹方向的下一关键点位于所述擦除区域内,所述第二临界点沿所述书写轨迹方向的上一关键点位于所述擦除区域内;
根据二次贝塞尔曲线分割算法对所述第一临界点增加二次贝塞尔曲线的第一控制点和终点、对所述第二临界点增加二次贝塞尔曲线的第二控制点和起点,并从所述书写轨迹对应的书写路径中删除位于所述擦除区域内的关键点的坐标信息,以形成至少两段子书写路径。
在一种可能的实现方式中,所述接收所述用户对所述画布上任意点的拖拽操作,若所述任意点的坐标信息位于擦除后的任意一段所述子书写路径上,则对所述子书写路径对应的子书写轨迹进行拖拽操作,包括:
监听到用户对鼠标左键的按下操作,并确定所述按下操作的位置在所述画布中的坐标信息位于所述存储单元中存储的任意一段子书写路径上,则启动获取鼠标移动的距离直至监听到所述鼠标左键弹起;
根据存储单元中存储的所述子书写路径上各关键点的坐标信息和所述鼠标移动的距离,确定所述子书写路径上各关键点在所述画布上的终止坐标信息;
根据所述终止坐标信息在所述画布上显示所述子书写路径对应的子书写轨迹。
在一种可能的实现方式中,所述根据所述终止坐标信息在所述画布上显示所述子书写路径对应的子书写轨迹之后,还包括:
将存储单元中存储的所述子书写路径上各关键点的坐标信息修改为所述终止坐标信息。
第二方面,本申请提供一种书写轨迹处理装置,包括:
第一获取模块,用于获取用户在浏览器上显示的画布中输入的擦除区域;
确定模块,用于依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内;
去除模块,用于将位于所述擦除区域内的点从所述画布中显示的书写轨迹中去除,并从存储单元中所存储的所述书写轨迹对应的书写路径中删除,以使所述画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径;其中,每段所述子书写路径包括所述子书写路径对应的子书写轨迹上各个点在所述画布中的坐标信息;
拖拽模块,用于接收所述用户对所述画布上任意点的拖拽操作,若所述任意点的坐标信息位于擦除后的任意一段所述子书写路径上,则对所述子书写路径对应的子书写轨迹进行拖拽操作。
在一种可能的实现方式中,所述第一获取模块包括:
第一获取单元,用于获取所述用户在所述画布中输入的擦除轨迹;
第一确定单元,用于根据所述擦除轨迹确定在所述画布中对应的擦除区域。
在一种可能的实现方式中,所述第一确定单元具体用于:
根据所述擦除轨迹中各点在所述画布中的坐标信息,在虚拟画布的各像素点中确定与所述擦除轨迹对应的像素点,所述虚拟画布与所述浏览器上显示的画布尺寸相同,且所述虚拟画布中各像素点的坐标信息存储在存储单元中;
对所述虚拟画布中与所述擦除轨迹对应的像素点配置图像信息并存储在所述存储单元中,其中,所述浏览器上显示的画布中与配置所述图像信息的像素点对应的区域为所述擦除区域,所述图像信息包括颜色值和透明度值中的至少一个。
在一种可能的实现方式中,所述确定模块具体用于:
根据所述书写轨迹中各个点在所述浏览器上显示的画布中的坐标信息,以及所述虚拟画布中各像素点的坐标信息,确定所述虚拟画布中与所述书写轨迹对应的像素点;
若所述书写轨迹对应的像素点存在所述图像信息,则确定所述像素点位于所述擦除区域内。
在一种可能的实现方式中,所述第一获取单元具体用于:
接收用户的启动擦除指令;
监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述擦除轨迹。
在一种可能的实现方式中,所述装置还包括:
接收模块,用于接收用户的启动书写指令;
第二获取模块,用于监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述书写轨迹。
在一种可能的实现方式中,所述装置还包括:
处理模块,用于对所述鼠标移动的各个点依次采用二次贝塞尔曲线进行连线处理,获得的贝塞尔曲线的关键点为所述书写轨迹中的关键点;
存储模块,用于在存储单元中存储所述书写轨迹对应的书写路径;其中,所述书写路径中包括所述书写轨迹中的关键点的坐标信息。
在一种可能的实现方式中,所述确定模块,包括:
第二确定单元,用于根据所述书写轨迹中的关键点的距离确定采样值;
第三确定单元,用于根据所述书写轨迹中的关键点、所述采样值以及所述二次贝塞尔曲线公式确定所述书写轨迹上的采样点;
第四确定单元,用于依次确定所述书写轨迹上的各采样点是否位于所述擦除区域内。
在一种可能的实现方式中,所述去除模块具体用于:
调用浏览器中的清除应用程序编程接口API将位于所述擦除区域内的关键点从所述画布中显示的书写轨迹中去除,以形成至少两段子书写轨迹。
在一种可能的实现方式中,所述去除模块具体用于:
在所述书写轨迹的关键点中确定与所述擦除区域临界的第一临界点和/或第二临界点,所述第一临界点沿所述书写轨迹方向的下一关键点位于所述擦除区域内,所述第二临界点沿所述书写轨迹方向的上一关键点位于所述擦除区域内;
根据二次贝塞尔曲线分割算法对所述第一临界点增加二次贝塞尔曲线的第一控制点和终点、对所述第二临界点增加二次贝塞尔曲线的第二控制点和起点,并从所述书写轨迹对应的书写路径中删除位于所述擦除区域内的关键点的坐标信息,以形成至少两段子书写路径。
在一种可能的实现方式中,所述拖拽模块,包括:
第二获取单元,用于监听到用户对鼠标左键的按下操作,并确定所述按下操作的位置在所述画布中的坐标信息位于所述存储单元中存储的任意一段子书写路径上,则启动获取鼠标移动的距离直至监听到所述鼠标左键弹起;
第五确定单元,用于根据存储单元中存储的所述子书写路径上各关键点的坐标信息和所述鼠标移动的距离,确定所述子书写路径上各关键点在所述画布上的终止坐标信息;
显示单元,用于根据所述终止坐标信息在所述画布上显示所述子书写路径对应的子书写轨迹。
在一种可能的实现方式中,所述装置还包括:
修改模块,用于将存储单元中存储的所述子书写路径上各关键点的坐标信息修改为所述终止坐标信息。
第三方面,本申请提供一种书写轨迹处理装置,包括:存储器和处理器;其中,所述存储器用于存储可供所述处理器执行的计算机程序;
所述处理器用于执行所述计算机程序实现上述第一方面中任一项所述的方法。
第四方面,本申请提供一种计算机可读存储介质,包括计算机可读指令,当书写轨迹处理装置读取并执行所述计算机可读指令时,使得所述书写轨迹处理装置执行上述第一方面中任一项所述的方法。
本申请提供的书写轨迹处理方法及装置,通过获取用户在浏览器上显示的画布中输入的擦除区域;进一步地,依次确定画布中的书写轨迹上的各个点是否位于擦除区域内;进一步地,将位于擦除区域内的点从画布中显示的书写轨迹中去除,并从存储单元中所存储的书写轨迹对应的书写路径中删除,以使画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径;进一步地,接收用户对画布上任意点的拖拽操作,若任意点的坐标信息位于擦除后的任意一段所述子书写路径上,则对子书写路径对应的子书写轨迹进行拖拽操作。可见,实现了基于浏览器对擦除后所形成的任意子书写轨迹分别进行拖拽的功能,从而提高了用户体验。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1A为本申请一实施例提供的书写轨迹处理方法的流程示意图;
图1B为本申请实施例提供的擦除轨迹的一种输入方式的示意图;
图1C为本申请实施例提供的分割后的子书写轨迹的示意图;
图1D为本申请实施例提供的子书写轨迹的拖拽示意图;
图2A为本申请另一实施例提供的书写轨迹处理方法的流程示意图;
图2B为本申请实施例提供的书写轨迹的一种输入方式的示意图;
图2C为本申请实施例提供的书写轨迹的关键点与擦除区域的示意图;
图3为本申请另一实施例提供的书写轨迹处理方法的流程示意图;
图4为本申请一实施例提供的书写轨迹处理装置的结构示意图;
图5为本申请另一实施例提供的书写轨迹处理装置的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
首先,对本申请实施例中所涉及的应用场景和部分词汇进行解释说明。
用户在使用终端设备过程中,有时候会在浏览器中打开网页执行一些操作(例如查阅资源、和/或与远端用户进行在线交流等)。通常情况下,用户在基于浏览器进行该些操作过程中,可能需要进行一些书写和/或擦除等基本书写操作。
随着用户对操作过程中书写需求的增加,基于浏览器进行书写和视觉层面擦除的基础上,用户提出基于浏览器还需要实现对擦除后所形成的多个子书写轨迹分别进行拖拽的功能。但相关技术中仅从视觉层面擦除后所形成的多个子书写轨迹无法分别进行拖拽。因此,基于浏览器如何实现对擦除后所形成的多个子书写轨迹分别进行拖拽的功能成为亟待解决的问题。
本申请实施例中,执行书写轨迹处理方法的装置可以是终端设备,也可以是终端设备中的书写轨迹处理装置。示例性地,本申请下述实施例中以书写轨迹处理装置为例对本申请实施例中的书写轨迹处理方法进行说明。
示例性地,书写轨迹处理装置可以是芯片***、电路或者模块等,本申请不作限制。
本申请涉及的终端设备可以包括但不限于以下任一项:手机、平板电脑、台式电脑和个人数字助理等设备。
本申请涉及的终端设备可以包括硬件层、运行在硬件层之上的操作***层,以及运行在操作***层上的应用层。该硬件层包括中央处理器(Central Processing Unit,CPU)、内存管理单元(Memory Management Unit,MMU)和内存(也称为主存)等硬件。该操作***可以是任意一种或多种通过进程(Process)实现业务处理的计算机操作***,例如,Linux操作***、Unix操作***、Android操作***、iOS操作***或windows操作***等。该应用层包含浏览器、通讯录、文字处理软件、即时通信软件等应用。
本申请实施例中涉及的存储单元可以包括但不限于以下至少一项:内存和临时存储单元。
本申请实施例中涉及的二次贝塞尔曲线分割算法的原理如下:
假设二次贝塞尔曲线的起点S的坐标(Sx,Sy)、控制点C的坐标(Cx,Cy)和终点E的坐标(Ex,Ey),以及假设在t0处(0<t0<1)将二次贝塞尔曲线一分为二得到分割后的两条曲线(如曲线1和曲线2),则确定曲线1中的起点S1的坐标(Sx,Sy)、控制点C1的坐标(Sx*t1+Cx*t0,Sy*t1+Cy*t0)以及终点E1的坐标(Z1x*t1+Z2x*t0,Z1y*t1+Z2y*t0);其中,t1=1-t0,Z1x=Sx*t1+Cx*t0,Z1y=Sy*t1+Cy*t0,Z2x=Cx*t1+Ex*t0,Z2y=Cy*t1+Ey*t0。进一步地,确定曲线2中的起点S2的坐标(Z1x*t1+Z2x*t0,Z1y*t1+Z2y*t0)、控制点C2的坐标(Cx*t1+Ex*t0,Cy*t1+Ey*t0)以及终点E2的坐标(Ex,Ey)。
可选地,t0是指分割点(或临界点)在二次贝塞尔曲线上的分割比例。示例性地,假设二次贝塞尔曲线的采样点共10个,以及分割点(或临界点)为第4个采样点,则t0为4/10。
本申请实施例中的编号“第一”以及“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序,不应对本申请实施例构成任何限定。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。
图1A为本申请一实施例提供的书写轨迹处理方法的流程示意图。如图1A所示,本申请实施例的方法可以包括:
步骤S101、获取用户在浏览器上显示的画布中输入的擦除区域。
本步骤中,示例性地,书写轨迹处理装置可以通过获取用户在浏览器上显示的画布(为了便于描述,本申请实施例中可以称之为显示画布)中所输入的擦除轨迹,并根据擦除轨迹确定在显示画布中对应的擦除区域。例如,用户可以通过输入设备(例如输入设备可以包括但不限于鼠标或者控制笔)向浏览器上的显示画布中输入擦除指令(用于指示用户输入的擦除轨迹),对应地,书写轨迹处理装置根据擦除指令获取用户在浏览器的显示画布中输入的擦除轨迹;进一步地,书写轨迹处理装置可以根据擦除轨迹和/或擦除组件的尺寸确定在画布(即显示画布)中对应的擦除区域,以便于后续判断书写轨迹上的各个点是否位于擦除区域内。可选地,擦除组件的尺寸可以为预设尺寸,或者可以为用户选择的尺寸。
示例性地,书写轨迹处理装置也可以通过浏览器中的第一API实时获取用户在显示画布中输入的擦除区域。
本申请下述实施例对获取用户在浏览器上显示的画布中输入的擦除轨迹的可实现方式进行说明:
一种可能的实现方式:接收用户的启动擦除指令;进一步地,监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到鼠标左键弹起,其中,鼠标移动的各个点形成的轨迹为擦除轨迹。
图1B为本申请实施例提供的擦除轨迹的一种输入方式的示意图。本实现方式中,示例性地,如图1B所示,用户可以通过鼠标点击浏览器的显示画布中的擦除控件(例如橡皮擦控件等)以输入启动擦除指令;进一步地,用户通过长按鼠标左键并移动,以带动浏览器的显示画布中的擦除组件(例如橡皮擦)移动,直至用户释放鼠标左键完成擦除操作。对应地,书写轨迹处理装置在检测到用户输入启动擦除指令后,便开始监听用户对鼠标的操作。当监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到鼠标左键弹起为止;其中,鼠标移动的各个点所形成的轨迹为擦除轨迹。可选地,可以通过调用浏览器所提供的第二API获取鼠标移动的各个点,或者还可以通过其它方式获取鼠标移动的各个点,本申请实施例中对此并不作限制。
另一种可能的实现方式:接收用户通过控制笔输入的启动擦除指令;进一步地,启动获取控制笔的笔头移动的各个点直至监听到用户通过控制笔输入的结束擦除指令,其中,控制笔的笔头移动的各个点形成的轨迹为擦除轨迹。
当然,还可通过其它可实现方式,获取用户在浏览器上显示的画布中输入的擦除轨迹,本申请实施例中对此并不作限制。
本申请下述实施例对根据擦除轨迹确定在画布中对应的擦除区域的可实现方式进行说明:
一种可能的实现方式:根据擦除轨迹中各点在画布中的坐标信息,在虚拟画布的各像素点中确定与擦除轨迹对应的像素点;进一步地,对虚拟画布中与擦除轨迹对应的像素点配置图像信息并存储在存储单元中,其中,浏览器上显示的画布中与配置图像信息的像素点对应的区域为擦除区域。
本实现方式中,示例性地,书写轨迹处理装置可以在存储单元中创建一个虚拟画布(即本申请实施例中涉及的虚拟画布并不会通过浏览器显示给用户,仅存储于存储单元中),其中,虚拟画布与浏览器上显示的画布(即显示画布)尺寸相同,且虚拟画布中各像素点的坐标信息存储在存储单元中。进一步地,书写轨迹处理装置根据擦除轨迹中各点在显示画布中的坐标信息,从虚拟画布的各像素点中确定出与擦除轨迹中各点所对应的像素点(为了便于描述,本申请实施例中可以称之为第一目标像素点)。
示例性地,本申请实施例中涉及的显示画布中的点与虚拟画布中的像素点对应是指:该点位于显示画布中的坐标信息,与该像素点位于虚拟画布中的坐标信息相同。例如,假设位于显示画布中的擦除轨迹包括A点(对应的坐标信息为a)和B点(对应的坐标信息为b),则从虚拟画布的各像素点中确定出与A点所对应的第一目标像素点A’(对应的坐标信息为a)以及与B点所对应的第一目标像素点B’(对应的坐标信息为b)。
进一步地,对虚拟画布中与擦除轨迹对应的第一目标像素点配置图像信息(例如第一预设图像信息)并存储在存储单元中,其中,图像信息(例如第一预设图像信息)可以包括但不限于:颜色值(例如第一颜色值)和透明度值(例如第一透明度值)中的至少一个。示例性地,根据擦除组件的尺寸对虚拟画布中与擦除轨迹对应的第一目标像素点进行着色处理(相当于对虚拟画布与显示画布进行同步擦除),其中,着色处理后的第一目标像素点所对应的第一预设图像信息可以包括但不限于:着色处理对应的第一颜色值和/或第一透明度值(如非0的数值)。
可选地,虚拟画布中除与擦除轨迹对应的第一目标像素点之外的其它像素点可以不配置任何图像信息,或者可以配置其它图像信息(例如第二预设图像信息),第二预设图像信息可以包括但不限于:第二颜色值和第二透明度值中的至少一个。可见,通过对虚拟画布中与擦除轨迹对应的第一目标像素点配置第一预设图像信息,从而可以确定虚拟画布中配置有第一预设图像信息的第一目标像素点所对应的区域为擦除区域,进而确定浏览器上的显示画布中与各第一目标像素点所对应的区域即为擦除区域。
另一种可能的实现方式:根据擦除轨迹以及擦除组件的尺寸,通过调用浏览器所提供的第三API,确定用户在显示画布所输入的擦除区域。
当然,根据擦除轨迹还可通过其它可实现方式,确定在画布中对应的擦除区域,本申请实施例中对此并不作限制。
当然,还可通过其它方式获取用户在画布中输入的擦除区域,本申请实施例中对此并不作限制。
步骤S102、依次确定画布中的书写轨迹上的各个点是否位于擦除区域内。
本步骤中,书写轨迹处理装置依次确定显示画布中的书写轨迹(为了便于描述,本申请实施例中可以称之为初始书写轨迹)上的各个点是否位于擦除区域内,以便于对位于擦除区域内的各个点进行相应处理(例如,显示画布中去除显示和/或删除存储单元中所存储的各个点的坐标信息等)。
示例性地,书写轨迹处理装置可以根据书写轨迹中各个点在浏览器上显示的画布(即显示画布)中的坐标信息,以及虚拟画布中各像素点的坐标信息,确定虚拟画布中与书写轨迹对应的像素点(为了便于描述,本申请实施例中可以称之为第二目标像素点)。示例性地,本申请实施例中涉及的显示画布中的点与虚拟画布中的像素点对应是指:该点位于显示画布中的坐标信息,与该像素点位于虚拟画布中的坐标信息相同。例如,假设位于显示画布中的书写轨迹包括C点(对应的坐标信息为c)和D点(对应的坐标信息为d),则从虚拟画布的各像素点中确定出与C点所对应的第二目标像素点C’(对应的坐标信息为c)以及与D点所对应的第二目标像素点D’(对应的坐标信息为d)。
进一步地,若书写轨迹对应的像素点(如第二目标像素点)存在图像信息(例如第一预设图像信息),则确定该像素点(如第二目标像素点)位于擦除区域内。可选地,若书写轨迹对应的像素点(如第二目标像素点)不存在图像信息(例如不存在任何图像信息,或者不存在第一预设图像信息等),则确定该像素点(如第二目标像素点)不位于擦除区域内。
当然,还可通过其它可实现方式,依次确定画布中的书写轨迹上的各个点是否位于擦除区域内,本申请实施例中对此并不作限制。
步骤S103、将位于擦除区域内的点从画布中显示的书写轨迹中去除,并从存储单元中所存储的书写轨迹对应的书写路径中删除,以使画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径。
本步骤中,书写轨迹处理装置一方面将位于擦除区域内的点从画布中显示的书写轨迹中去除,从而将书写轨迹在视觉层面上分割为至少两段子书写轨迹;另一方面,为了便于后续分别对每段子书写轨迹进行拖拽等操作,书写轨迹处理装置还将位于擦除区域内的点从存储单元中所存储的书写轨迹对应的书写路径中删除,从而将书写路径在数据层面上分割为至少两段子书写路径,其中,画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径,每段子书写路径包括该段子书写路径对应的子书写轨迹上各个点在画布中的坐标信息。
图1C为本申请实施例提供的分割后的子书写轨迹的示意图。本步骤中,如图1C所示,书写轨迹处理装置可以通过确定书写轨迹中与擦除区域临界的各临界点(其中,临界点是指书写轨迹中位于该点的下一个点或者上一个点位于擦除区域),并将每两个相邻临界点之间位于擦除区域内的点从浏览器的显示画布中显示的书写轨迹中去除,以在显示画布中显示擦除后的至少两段子书写轨迹,从而实现了将书写轨迹在视觉层面上分割为多段子书写轨迹。
示例性地,书写轨迹处理装置可以在用户擦除过程中,实时将每两个相邻临界点之间位于擦除区域内的点在画布中的坐标信息从存储单元中所存储的书写轨迹对应的书写路径中删除,从而实现了在数据层面上将书写路径分割为至少两段子书写路径。
示例性地,书写轨迹处理装置可以在用户擦除过程中实时将位于擦除区域中的各点从显示画布中显示的书写轨迹中清除,以达到擦除的视觉效果(即书写轨迹中位于擦除区域中的各点的坐标信息在存储单元中仍然存在);进一步地,在用户停止擦除后,通过确定书写轨迹中与擦除区域临界的各临界点,并将每两个相邻临界点之间位于擦除区域内的各点的坐标信息从存储单元中所存储的书写轨迹对应的书写路径中删除,以在数据层面上将书写路径分割为至少两段子书写路径;从而可以保证用户在擦除过程中的流畅度,提高了用户体验。
步骤S104、接收用户对画布上任意点的拖拽操作,若任意点的坐标信息位于擦除后的任意一段子书写路径上,则对该子书写路径对应的子书写轨迹进行拖拽操作。
本步骤中,书写轨迹处理装置在接收到用户对画布上任意点的拖拽操作时,首选判断该点的坐标信息是否位于擦除后的任意一段子书写路径上;进一步地,若确定该点的坐标信息位于擦除后的一段子书写路径上(即该段子书写路径对应的子书写轨迹被选中),则对该子书写路径对应的子书写轨迹进行相应的拖拽操作;若确定该点的坐标信息不位于擦除后的任意一段子书写路径上(即该段子书写路径对应的子书写轨迹未被选中),则无需响应,或者可以向用户提示重新选择其它点进行拖拽操作。
图1D为本申请实施例提供的子书写轨迹的拖拽示意图。示例性地,书写轨迹处理装置在接收到用户对画布上某一点的拖拽操作时,若确定该点的坐标信息位于擦除后的一段子书写路径上(即该段子书写路径对应的子书写轨迹被选中),则可以对该子书写路径对应的子书写轨迹进行相应的拖拽操作,例如实时检测拖拽操作对应的拖拽轨迹,以便实时移动该子书写路径对应的子书写轨迹在画图中的位置,并最终移动至拖拽操作对应的目标位置。
另外,书写轨迹处理装置在接收到用户对画布上任意点的其它操作(例如,包括但不限于拉伸和/或改变颜色等)时,若该点的坐标信息位于擦除后的任意一段子书写路径上,则还可以对该子书写路径对应的子书写轨迹进行相应的拉伸和/或改变颜色等操作。
本申请实施例中,通过获取用户在浏览器上显示的画布中输入的擦除区域;进一步地,依次确定画布中的书写轨迹上的各个点是否位于擦除区域内;进一步地,将位于擦除区域内的点从画布中显示的书写轨迹中去除,并从存储单元中所存储的书写轨迹对应的书写路径中删除,以使画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径;进一步地,接收用户对画布上任意点的拖拽操作,若该点的坐标信息位于擦除后的任意一段子书写路径上,则对该子书写路径对应的子书写轨迹进行拖拽操作。可见,实现了基于浏览器对擦除后所形成的任意子书写轨迹分别进行拖拽的功能,从而提高了用户体验。
图2A为本申请另一实施例提供的书写轨迹处理方法的流程示意图。在上述实施例的基础上,本申请实施例对书写轨迹中的关键点和取样点的获取方式,以及书写轨迹的分割方式的可实现方式进行说明。如图2A所示,在上述实施例的基础上,本申请实施例的方法还可以包括:
步骤S105、接收用户的启动书写指令,并监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到鼠标左键弹起,鼠标移动的各个点形成的轨迹为书写轨迹。
图2B为本申请实施例提供的书写轨迹的一种输入方式的示意图,如图2B所示,用户可以通过鼠标点击浏览器的显示画布中的书写控件(例如画笔控件等)以输入启动书写指令;进一步地,用户通过长按鼠标左键并移动,以带动浏览器的显示画布中的书写组件(例如画笔)移动,直至用户释放鼠标左键完成书写操作。
本实施例中在步骤S102之前,示例性地,书写轨迹处理装置在检测到用户输入启动书写指令后,便开始监听用户对鼠标的操作。当监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到鼠标左键弹起为止;其中,鼠标移动的各个点形成的轨迹为书写轨迹。可选地,可以通过调用浏览器所提供的第二API获取鼠标移动的各个点,或者还可以通过其它方式获取鼠标移动的各个点,本申请实施例中对此并不作限制。
当然,本申请实施例中还可通过其它可实现方式,获取用户在浏览器上显示的画布中输入的书写轨迹,本申请实施例中对此并不作限制。
步骤S106、对鼠标移动的各个点依次采用二次贝塞尔曲线进行连线处理,获得的贝塞尔曲线的关键点为书写轨迹中的关键点,并在存储单元中存储书写轨迹对应的书写路径。
本步骤中,示例性地,书写轨迹处理装置根据鼠标移动的初始点、鼠标移动的各个点中除初始点之外的其它点、以及其它点中每相邻两个点之间的中点,依次采用二次贝塞尔曲线进行连线处理,从而得到书写轨迹中的各关键点;进一步地,将书写轨迹中的各关键点的坐标信息保存至存储单元,形成了书写轨迹对应的书写路径,以便于后续可以对书写轨迹进行分割和/或拖拽等操作。例如,假设鼠标移动的各个点包括A1、B1、C1、D1、E1和F1,首先,以A1为起点、B1为控制点以及B1与C1之间的中点X作为终点,采用二次贝塞尔曲线进行连线处理;其次,以X作为起点、C1作为控制点以及C1与D1之间的中点Y作为终点,采用二次贝塞尔曲线进行连线处理;进一步地,以Y作为起点、D1作为控制点以及D1与E1之间的中点Z作为终点,采用二次贝塞尔曲线进行连线处理;进一步地,以Z作为起点、E1作为控制点以及E1与F1之间的中点W作为终点,采用二次贝塞尔曲线进行连线处理,最终得到书写轨迹中的各关键点;进一步地,将书写轨迹中的各关键点(组成书写轨迹对应的书写路径)存储至存储单元。
考虑到受限于浏览器的刷新频率,步骤S105中无法获取到鼠标所经过的每个像素点,实际上所获取的仅是一些离散点。为了提高擦除精度,本申请实施例中可以对书写轨迹进行取样处理,以获取书写轨迹上足够密集的取样点。
进一步地,在步骤S102中,书写轨迹处理装置可以根据书写轨迹中的关键点的距离确定采样值;进一步地,根据书写轨迹中的关键点、采样值以及二次贝塞尔曲线公式确定书写轨迹上的采样点,并依次确定书写轨迹上的各采样点是否位于擦除区域内。
由于书写轨迹中每三个相邻的关键点以二次贝塞尔曲线的形式连接,本实施例中在步骤S102中,示例性地,书写轨迹处理装置可以分别根据书写轨迹中每三个相邻关键点之间的距离确定对应的采样值(例如,采样值可以包括采样间隔Δ和/或二次贝塞尔公式中的参数t,其中,Δ为大于0的正整数,t大于或等于0,且小于或等于1)。可选地,根据每三个相邻关键点的距离之和与预设数值(如2)的比值结果(可以向下取整)作为采样间隔Δ,并根据采样间隔Δ确定出参数t的取值。
例如,假设三个相邻关键点的坐标分别为:A1(0,0)、B1(1,0)以及X(1,3),则确定A1与B1之间的距离为1以及B1与X之间的距离为2,并根据A1与B1之间的距离以及B1与X之间的距离之和除以预设数值(如2),得到采样间隔Δ为2(向下取整);进一步地,根据采样间隔Δ确定出参数t的取值分别为0、0.5和1。
进一步地,分别根据每三个相邻关键点、每三个相邻关键点对应的采样值以及二次贝塞尔曲线公式,确定每三个相邻关键点所对应的采样点。例如,假设三个相邻关键点的坐标分别为:A1(0,0)、B1(1,0)和X(1,3),以及该三个相邻关键点对应的采样值包括:采样间隔Δ为2以及参数t的取值分别为0、0.5和1,则根据二次贝塞尔曲线公式得到该三个相邻关键点所对应的三个采样点的坐标;其中,二次贝塞尔曲线公式可以为B(t)=(1-t)2P0+2t(1-t)P1+t2P2,B(t)代表二次贝塞尔曲线函数,P0代表起点(如A1),P1代表控制点(如B1),P2代表终点(如X)。
进一步地,书写轨迹处理装置依次确定书写轨迹上的各采样点是否位于擦除区域内,以便于对位于擦除区域内的各个关键点进行相应处理(例如,显示画布中去除显示和/或删除存储单元中所存储的各个关键点的坐标信息等)。
示例性地,书写轨迹处理装置可以根据书写轨迹中各个采样点在浏览器上显示的画布(即显示画布)中的坐标信息,以及虚拟画布中各像素点的坐标信息,确定虚拟画布中与书写轨迹中的各个采样点所对应的像素点(为了便于描述,本申请实施例中可以称之为第二目标像素点)。进一步地,若书写轨迹中的任一采样点对应的像素点(如第二目标像素点)存在图像信息(例如第一预设图像信息),则确定该像素点(如第二目标像素点)位于擦除区域内。可选地,若书写轨迹中的任一采样点对应的像素点(如第二目标像素点)不存在图像信息(例如不存在任何图像信息,或者不存在第一预设图像信息等),则确定该像素点(如第二目标像素点)不位于擦除区域内。
本申请实施例中通过根据书写轨迹中的任一采样点与虚拟画布中对应像素点的图像信息来判断该任一采样点是否属于擦除区域,其判断速度较快,从而提高了书写轨迹处理效率。
当然,还可通过其它可实现方式,依次确定书写轨迹上的各采样点是否位于擦除区域内,本申请实施例中对此并不作限制。
进一步地,在步骤S103中,一方面,书写轨迹处理装置可以调用浏览器中的API将位于擦除区域内的关键点从画布中显示的书写轨迹中去除,以形成至少两段子书写轨迹。示例性地,书写轨迹处理装置可以在书写轨迹上的各采样点中确定与擦除区域临界的各采样临界点(是指位于该采样临界点之前或者之后的关键点位于擦除区域),并调用浏览器中的API将每相邻两个采样临界点之间位于擦除区域内的关键点从画布中显示的书写轨迹中去除,从而将书写轨迹分割为至少两段子书写轨迹,实现了视觉层面的分割擦除。
另一方面,书写轨迹处理装置可以在书写轨迹的关键点中确定与擦除区域临界的第一临界点和/或第二临界点,如图2C所示(图2C为本申请实施例提供的书写轨迹的关键点与擦除区域的示意图);其中,第一临界点沿书写轨迹方向的下一关键点位于擦除区域内,第二临界点沿书写轨迹方向的上一关键点位于擦除区域内。需要说明的是,本申请实施例中涉及的书写轨迹的关键点中可能包括多个第一临界点和/或多个第二临界点。
示例性地,书写轨迹处理装置依次遍历书写轨迹中的每个采样点,判断每个采样点是否位于擦除区域内。若确定第一采样点不位于擦除区域,但第一采样点的下一个采样点(沿书写轨迹方向)位于擦除区域内,则确定位于第一采样点之前的关键点为第一临界点;若确定第二采样点不位于擦除区域,但第二采样点的上一个采样点(沿书写轨迹方向)位于擦除区域内,则确定位于第二采样点之后的关键点为第二临界点。
进一步地,根据二次贝塞尔曲线分割算法对各第一临界点增加二次贝塞尔曲线的第一控制点和终点、对各第二临界点增加二次贝塞尔曲线的第二控制点和起点,并从书写轨迹对应的书写路径中删除位于擦除区域内的关键点的坐标信息,以形成至少两段子书写路径,从而实现了数据层面上书写路径的分割,并且可以节省存储单元的存储空间。
示例性地,本申请实施例中根据二次贝塞尔曲线分割算法对第一临界点增加第一控制点和终点的具体实现方式,可以参考本申请上述实施例中关于二次贝塞尔曲线分割算法的相关内存,此处不再赘述。
示例性地,本申请实施例中根据二次贝塞尔曲线分割算法对第二临界点增加第二控制点和起点的具体实现方式,可以参考本申请上述实施例中关于二次贝塞尔曲线分割算法的相关内存,此处不再赘述。
本申请实施例中,通过获取鼠标移动的各个点,并对鼠标移动的各个点依次采用二次贝塞尔曲线进行连线处理,获得的贝塞尔曲线的关键点为书写轨迹中的关键点,并在存储单元中存储书写轨迹对应的书写路径(包括书写轨迹中的关键点的坐标信息);进一步地,确定书写轨迹上的各个采样点,并依次确定书写轨迹上的各采样点是否位于擦除区域内;进一步地,一方面通过调用浏览器中的API将位于擦除区域内的关键点从画布中显示的书写轨迹中去除,以形成至少两段子书写轨迹;另一方面从书写轨迹的关键点中确定与擦除区域临界的第一临界点和/或第二临界点,并分别对第一临界点增加二次贝塞尔曲线的第一控制点和终点、对第二临界点增加二次贝塞尔曲线的第二控制点和起点,并从书写轨迹对应的书写路径中删除位于擦除区域内的关键点的坐标信息,以形成至少两段子书写路径。可见,本申请实施例不仅实现了视觉层面上书写轨迹的分割,还实现了数据层面上书写路径的分割,以便于后续可以对分割后的每段子书写路径分别进行拖拽等处理。
图3为本申请另一实施例提供的书写轨迹处理方法的流程示意图。在上述实施例的基础上,本申请实施例中对分割后的子书写轨迹进行拖拽(或者上述步骤S104)的可实现方式进行说明。如图3所示,上述步骤S104可以包括:
步骤S301、监听到用户对鼠标左键的按下操作,并确定按下操作的位置在画布中的坐标信息位于存储单元中存储的任意一段子书写路径上,则启动获取鼠标移动的距离直至监听到鼠标左键弹起。
本步骤中,示例性地,书写轨迹处理装置可以在接收到用户输入的启动拖拽指令(如用户可以通过鼠标点击浏览器的显示画布中的选择控件等)后,开始监测用户对画布上任意点的拖拽操作,例如开始检测用户对鼠标左键的按下操作以及按下操作的位置。进一步地,书写轨迹处理装置在检测到用户对鼠标左键的按下操作的位置在显示画布中的坐标信息位于存储单元中存储的一段子书写路径上(即该段子书写路径对应的子书写轨迹被选中),便开始实时检测鼠标移动的距离(例如,包括但不限于横向距离和/或纵向距离)直至监听到鼠标左键弹起,以便后续对被选中的该段子书写轨迹进行拖拽等操作。
当然,书写轨迹处理装置还可以在其它触发条件下,开始检测用户对鼠标左键的按下操作在显示画布中的位置,本申请实施例中对此并不作限制。,
步骤S302、根据存储单元中存储的该子书写路径上各关键点的坐标信息和鼠标移动的距离,确定该子书写路径上各关键点在画布上的终止坐标信息。
本步骤中,书写轨迹处理装置根据存储单元中存储的该子书写路径上各关键点的坐标信息和鼠标移动的距离,实时确定该子书写路径上各关键点在浏览器上的显示画布上的终止坐标信息。示例性地,书写轨迹处理装置可以根据该子书写路径上各关键点的坐标信息和实时检测的鼠标移动的距离(例如横向距离和/或纵向距离),分别实时确定该子书写路径上各关键点在显示画布上的终止坐标信息。
步骤S303、根据终止坐标信息在画布上显示该子书写路径对应的子书写轨迹。
本步骤中,书写轨迹处理装置根据该子书写路径上各关键点的终止坐标信息,实时地在浏览器上的显示画布上显示该子书写路径对应的子书写轨迹,从而实现了对该任子书写路径对应的子书写轨迹的拖拽处理。
可选地,为了便于后续继续拖拽,书写轨迹处理装置在根据终止坐标信息在画布上显示该子书写路径对应的子书写轨迹之后,还可以将存储单元中存储的该子书写路径上各关键点的坐标信息修改为终止坐标信息。
本申请实施例中,通过监听到用户对鼠标左键的按下操作,并确定按下操作的位置在画布中的坐标信息位于存储单元中存储的任意一段子书写路径上,则启动获取鼠标移动的距离直至监听到鼠标左键弹起;进一步地,根据存储单元中存储的该子书写路径上各关键点的坐标信息和鼠标移动的距离,确定该子书写路径上各关键点在画布上的终止坐标信息,并根据终止坐标信息在画布上显示该子书写路径对应的子书写轨迹。可见,实现了对分割后的任一子书写轨迹的拖拽处理。
图4为本申请一实施例提供的书写轨迹处理装置的结构示意图。如图4所示,本实施例提供的书写轨迹处理装置40可以包括:第一获取模块401、确定模块402、去除模块403以及拖拽模块404。
其中,第一获取模块401,用于获取用户在浏览器上显示的画布中输入的擦除区域;
确定模块402,用于依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内;
去除模块403,用于将位于所述擦除区域内的点从所述画布中显示的书写轨迹中去除,并从存储单元中所存储的所述书写轨迹对应的书写路径中删除,以使所述画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径;其中,每段所述子书写路径包括所述子书写路径对应的子书写轨迹上各个点在所述画布中的坐标信息;
拖拽模块404,用于接收所述用户对所述画布上任意点的拖拽操作,若所述任意点的坐标信息位于擦除后的任意一段所述子书写路径上,则对所述子书写路径对应的子书写轨迹进行拖拽操作。
可选地,所述第一获取模块401包括:
第一获取单元,用于获取所述用户在所述画布中输入的擦除轨迹;
第一确定单元,用于根据所述擦除轨迹确定在所述画布中对应的擦除区域。
可选地,所述第一确定单元具体用于:
根据所述擦除轨迹中各点在所述画布中的坐标信息,在虚拟画布的各像素点中确定与所述擦除轨迹对应的像素点,所述虚拟画布与所述浏览器上显示的画布尺寸相同,且所述虚拟画布中各像素点的坐标信息存储在存储单元中;
对所述虚拟画布中与所述擦除轨迹对应的像素点配置图像信息并存储在所述存储单元中,其中,所述浏览器上显示的画布中与配置所述图像信息的像素点对应的区域为所述擦除区域,所述图像信息包括颜色值和透明度值中的至少一个。
可选地,所述确定模块402具体用于:
根据所述书写轨迹中各个点在所述浏览器上显示的画布中的坐标信息,以及所述虚拟画布中各像素点的坐标信息,确定所述虚拟画布中与所述书写轨迹对应的像素点;
若所述书写轨迹对应的像素点存在所述图像信息,则确定所述像素点位于所述擦除区域内。
可选地,所述第一获取单元具体用于:
接收用户的启动擦除指令;
监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述擦除轨迹。
可选地,所述装置还包括:
接收模块,用于接收用户的启动书写指令;
第二获取模块,用于监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述书写轨迹。
可选地,所述装置还包括:
处理模块,用于对所述鼠标移动的各个点依次采用二次贝塞尔曲线进行连线处理,获得的贝塞尔曲线的关键点为所述书写轨迹中的关键点;
存储模块,用于在存储单元中存储所述书写轨迹对应的书写路径;其中,所述书写路径中包括所述书写轨迹中的关键点的坐标信息。
可选地,所述确定模块402,包括:
第二确定单元,用于根据所述书写轨迹中的关键点的距离确定采样值;
第三确定单元,用于根据所述书写轨迹中的关键点、所述采样值以及所述二次贝塞尔曲线公式确定所述书写轨迹上的采样点;
第四确定单元,用于依次确定所述书写轨迹上的各采样点是否位于所述擦除区域内。
可选地,所述去除模块403具体用于:
调用浏览器中的清除应用程序编程接口API将位于所述擦除区域内的关键点从所述画布中显示的书写轨迹中去除,以形成至少两段子书写轨迹。
可选地,所述去除模块403具体用于:
在所述书写轨迹的关键点中确定与所述擦除区域临界的第一临界点和/或第二临界点,所述第一临界点沿所述书写轨迹方向的下一关键点位于所述擦除区域内,所述第二临界点沿所述书写轨迹方向的上一关键点位于所述擦除区域内;
根据二次贝塞尔曲线分割算法对所述第一临界点增加二次贝塞尔曲线的第一控制点和终点、对所述第二临界点增加二次贝塞尔曲线的第二控制点和起点,并从所述书写轨迹对应的书写路径中删除位于所述擦除区域内的关键点的坐标信息,以形成至少两段子书写路径。
可选地,所述拖拽模块404,包括:
第二获取单元,用于监听到用户对鼠标左键的按下操作,并确定所述按下操作的位置在所述画布中的坐标信息位于所述存储单元中存储的任意一段子书写路径上,则启动获取鼠标移动的距离直至监听到所述鼠标左键弹起;
第五确定单元,用于根据存储单元中存储的所述子书写路径上各关键点的坐标信息和所述鼠标移动的距离,确定所述子书写路径上各关键点在所述画布上的终止坐标信息;
显示单元,用于根据所述终止坐标信息在所述画布上显示所述子书写路径对应的子书写轨迹。
可选地,所述装置还包括:
修改模块,用于将存储单元中存储的所述子书写路径上关键点的坐标信息修改为所述终止坐标信息。
本实施例的书写轨迹处理装置,可以用于执行本申请上述书写轨迹处理方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
图5为本申请另一实施例提供的书写轨迹处理装置的结构示意图。如图5所示,本实施例提供的书写轨迹处理装置50可以包括:存储器501和处理器502。可选地,所述存储器501和所述处理器502之间通过总线503连接。为便于表示,图5中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
其中,所述存储器501用于存储可供所述处理器502执行的计算机程序;
所述处理器502用于执行所述计算机程序实现本申请上述书写轨迹处理方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
本发明实施例还提供一种计算机可读存储介质,包括计算机可读指令,当书写轨迹处理装置读取并执行所述计算机可读指令时,使得所述书写轨迹处理装置执行本申请上述书写轨迹处理方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
本领域普通技术人员可以理解,在本申请的各种实施例中,上述各过程的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本申请实施例的实施过程构成任何限定。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:只读内存(Read-OnlyMemory,简称:ROM)、随机存取存储器(Random Access Memory,简称:RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
Claims (26)
1.一种书写轨迹处理方法,其特征在于,包括:
获取用户在浏览器上显示的画布中输入的擦除区域;
依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内;
将位于所述擦除区域内的点从所述画布中显示的书写轨迹中去除,并从存储单元中所存储的所述书写轨迹对应的书写路径中删除,以使在所述画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径;其中,每段所述子书写路径包括所述子书写路径对应的子书写轨迹上各个点在所述画布中的坐标信息;
接收所述用户对所述画布上任意点的拖拽操作,若所述任意点的坐标信息位于擦除后的任意一段所述子书写路径上,则对所述子书写路径对应的子书写轨迹进行拖拽操作。
2.根据权利要求1所述的方法,其特征在于,所述获取用户在浏览器上显示的画布中输入的擦除区域,包括:
获取所述用户在所述画布中输入的擦除轨迹;
根据所述擦除轨迹确定在所述画布中对应的擦除区域。
3.根据权利要求2所述的方法,其特征在于,所述根据所述擦除轨迹确定在所述画布中对应的擦除区域,包括:
根据所述擦除轨迹中各点在所述画布中的坐标信息,在虚拟画布的各像素点中确定与所述擦除轨迹对应的像素点,所述虚拟画布与所述浏览器上显示的画布尺寸相同,且所述虚拟画布中各像素点的坐标信息存储在存储单元中;
对所述虚拟画布中与所述擦除轨迹对应的像素点配置图像信息并存储在所述存储单元中,其中,所述浏览器上显示的画布中与配置所述图像信息的像素点对应的区域为所述擦除区域,所述图像信息包括颜色值和透明度值中的至少一个。
4.根据权利要求3所述的方法,其特征在于,所述依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内,包括:
根据所述书写轨迹中各个点在所述浏览器上显示的画布中的坐标信息,以及所述虚拟画布中各像素点的坐标信息,确定所述虚拟画布中与所述书写轨迹对应的像素点;
若所述书写轨迹对应的像素点存在所述图像信息,则确定所述像素点位于所述擦除区域内。
5.根据权利要求2-4任一项所述的方法,其特征在于,所述获取用户在浏览器上显示的画布中输入的擦除轨迹,包括:
接收用户的启动擦除指令;
监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述擦除轨迹。
6.根据权利要求1-4中任一项所述的方法,其特征在于,所述依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内之前,还包括:
接收用户的启动书写指令;
监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述书写轨迹。
7.根据权利要求6所述的方法,其特征在于,所述方法还包括:
对所述鼠标移动的各个点依次采用二次贝塞尔曲线进行连线处理,获得的贝塞尔曲线的关键点为所述书写轨迹中的关键点;
在所述存储单元中存储所述书写轨迹对应的书写路径;其中,所述书写路径中包括所述书写轨迹中的关键点的坐标信息。
8.根据权利要求7所述的方法,其特征在于,所述依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内,包括:
根据所述书写轨迹中的关键点的距离确定采样值;
根据所述书写轨迹中的关键点、所述采样值以及所述二次贝塞尔曲线公式确定所述书写轨迹上的采样点;
依次确定所述书写轨迹上的各采样点是否位于所述擦除区域内。
9.根据权利要求8所述的方法,其特征在于,所述将位于所述擦除区域内的点从所述画布中显示的书写轨迹中去除,包括:
调用浏览器中的清除应用程序编程接口API将位于所述擦除区域内的关键点从所述画布中显示的书写轨迹中去除,以形成至少两段子书写轨迹。
10.根据权利要求8或9所述的方法,其特在于,将位于所述擦除区域内的点从存储单元中所存储的所述书写轨迹对应的书写路径中删除,包括:
在所述书写轨迹的关键点中确定与所述擦除区域临界的第一临界点和/或第二临界点,所述第一临界点沿所述书写轨迹方向的下一关键点位于所述擦除区域内,所述第二临界点沿所述书写轨迹方向的上一关键点位于所述擦除区域内;
根据二次贝塞尔曲线分割算法对所述第一临界点增加二次贝塞尔曲线的第一控制点和终点、对所述第二临界点增加二次贝塞尔曲线的第二控制点和起点,并从所述书写轨迹对应的书写路径中删除位于所述擦除区域内的关键点的坐标信息,以形成至少两段子书写路径。
11.根据权利要求10所述的方法,其特征在于,所述接收所述用户对所述画布上任意点的拖拽操作,若所述任意点的坐标信息位于擦除后的任意一段所述子书写路径上,则对所述子书写路径对应的子书写轨迹进行拖拽操作,包括:
监听到用户对鼠标左键的按下操作,并确定所述按下操作的位置在所述画布中的坐标信息位于所述存储单元中存储的任意一段子书写路径上,则启动获取鼠标移动的距离直至监听到所述鼠标左键弹起;
根据所述存储单元中存储的所述子书写路径上各关键点的坐标信息和所述鼠标移动的距离,确定所述子书写路径上各关键点在所述画布上的终止坐标信息;
根据所述终止坐标信息在所述画布上显示所述子书写路径对应的子书写轨迹。
12.根据权利要求11所述的方法,其特征在于,所述根据所述终止坐标信息在所述画布上显示所述子书写路径对应的子书写轨迹之后,还包括:
将所述存储单元中存储的所述子书写路径上各关键点的坐标信息修改为所述终止坐标信息。
13.一种书写轨迹处理装置,其特征在于,包括:
第一获取模块,用于获取用户在浏览器上显示的画布中输入的擦除区域;
确定模块,用于依次确定所述画布中的书写轨迹上的各个点是否位于所述擦除区域内;
去除模块,用于将位于所述擦除区域内的点从所述画布中显示的书写轨迹中去除,并从存储单元中所存储的所述书写轨迹对应的书写路径中删除,以使所述画布中擦除后得到的每段子书写轨迹分别对应一段子书写路径;其中,每段所述子书写路径包括所述子书写路径对应的子书写轨迹上各个点在所述画布中的坐标信息;
拖拽模块,用于接收所述用户对所述画布上任意点的拖拽操作,若所述任意点的坐标信息位于擦除后的任意一段所述子书写路径上,则对所述子书写路径对应的子书写轨迹进行拖拽操作。
14.根据权利要求13所述的装置,其特征在于,所述第一获取模块包括:
第一获取单元,用于获取所述用户在所述画布中输入的擦除轨迹;
第一确定单元,用于根据所述擦除轨迹确定在所述画布中对应的擦除区域。
15.根据权利要求14所述的装置,其特征在于,所述第一确定单元具体用于:
根据所述擦除轨迹中各点在所述画布中的坐标信息,在虚拟画布的各像素点中确定与所述擦除轨迹对应的像素点,所述虚拟画布与所述浏览器上显示的画布尺寸相同,且所述虚拟画布中各像素点的坐标信息存储在存储单元中;
对所述虚拟画布中与所述擦除轨迹对应的像素点配置图像信息并存储在所述存储单元中,其中,所述浏览器上显示的画布中与配置所述图像信息的像素点对应的区域为所述擦除区域,所述图像信息包括颜色值和透明度值中的至少一个。
16.根据权利要求15所述的装置,其特征在于,所述确定模块具体用于:
根据所述书写轨迹中各个点在所述浏览器上显示的画布中的坐标信息,以及所述虚拟画布中各像素点的坐标信息,确定所述虚拟画布中与所述书写轨迹对应的像素点;
若所述书写轨迹对应的像素点存在所述图像信息,则确定所述像素点位于所述擦除区域内。
17.根据权利要求14-16任一项所述的装置,其特征在于,所述第一获取单元具体用于:
接收用户的启动擦除指令;
监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述擦除轨迹。
18.根据权利要求13-16中任一项所述的装置,其特征在于,所述装置还包括:
接收模块,用于接收用户的启动书写指令;
第二获取模块,用于监听到用户对鼠标左键的按下操作之后,启动获取鼠标移动的各个点直至监听到所述鼠标左键弹起,所述鼠标移动的各个点形成的轨迹为所述书写轨迹。
19.根据权利要求18所述的装置,其特征在于,所述装置还包括:
处理模块,用于对所述鼠标移动的各个点依次采用二次贝塞尔曲线进行连线处理,获得的贝塞尔曲线的关键点为所述书写轨迹中的关键点;
存储模块,用于在所述存储单元中存储所述书写轨迹对应的书写路径;其中,所述书写路径中包括所述书写轨迹中的关键点的坐标信息。
20.根据权利要求19所述的装置,其特征在于,所述确定模块,包括:
第二确定单元,用于根据所述书写轨迹中的关键点的距离确定采样值;
第三确定单元,用于根据所述书写轨迹中的关键点、所述采样值以及所述二次贝塞尔曲线公式确定所述书写轨迹上的采样点;
第四确定单元,用于依次确定所述书写轨迹上的各采样点是否位于所述擦除区域内。
21.根据权利要求20所述的装置,其特征在于,所述去除模块具体用于:
调用浏览器中的清除应用程序编程接口API将位于所述擦除区域内的关键点从所述画布中显示的书写轨迹中去除,以形成至少两段子书写轨迹。
22.根据权利要求20或21所述的装置,其特征在于,所述去除模块具体用于:
在所述书写轨迹的关键点中确定与所述擦除区域临界的第一临界点和/或第二临界点,所述第一临界点沿所述书写轨迹方向的下一关键点位于所述擦除区域内,所述第二临界点沿所述书写轨迹方向的上一关键点位于所述擦除区域内;
根据二次贝塞尔曲线分割算法对所述第一临界点增加二次贝塞尔曲线的第一控制点和终点、对所述第二临界点增加二次贝塞尔曲线的第二控制点和起点,并从所述书写轨迹对应的书写路径中删除位于所述擦除区域内的关键点的坐标信息,以形成至少两段子书写路径。
23.根据权利要求22所述的装置,其特征在于,所述拖拽模块,包括:
第二获取单元,用于监听到用户对鼠标左键的按下操作,并确定所述按下操作的位置在所述画布中的坐标信息位于所述存储单元中存储的任意一段子书写路径上,则启动获取鼠标移动的距离直至监听到所述鼠标左键弹起;
第五确定单元,用于根据存储单元中存储的所述子书写路径上各关键点的坐标信息和所述鼠标移动的距离,确定所述子书写路径上各关键点在所述画布上的终止坐标信息;
显示单元,用于根据所述终止坐标信息在所述画布上显示所述子书写路径对应的子书写轨迹。
24.根据权利要求23所述的装置,其特征在于,所述装置还包括:
修改模块,用于将存储单元中存储的所述子书写路径上各关键点的坐标信息修改为所述终止坐标信息。
25.一种书写轨迹处理装置,其特征在于,包括:存储器和处理器;其中,所述存储器用于存储可供所述处理器执行的计算机程序;
所述处理器用于执行所述计算机程序实现如权利要求1至12中任一项所述的方法。
26.一种计算机可读存储介质,其特征在于,包括计算机可读指令,当书写轨迹处理装置读取并执行所述计算机可读指令时,使得所述书写轨迹处理装置执行如权利要求1至12中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810596701.4A CN108733293B (zh) | 2018-06-11 | 2018-06-11 | 书写轨迹处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810596701.4A CN108733293B (zh) | 2018-06-11 | 2018-06-11 | 书写轨迹处理方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108733293A true CN108733293A (zh) | 2018-11-02 |
CN108733293B CN108733293B (zh) | 2021-09-07 |
Family
ID=63932945
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810596701.4A Active CN108733293B (zh) | 2018-06-11 | 2018-06-11 | 书写轨迹处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108733293B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110764674A (zh) * | 2019-09-12 | 2020-02-07 | 湖南新云网科技有限公司 | 一种用于电子白板的笔记图元擦除方法、***及电子白板 |
CN112035035A (zh) * | 2020-08-27 | 2020-12-04 | 哈尔滨工业大学(深圳) | 一种可擦除顶层局部区域笔画的橡皮擦实现方法及*** |
CN112527182A (zh) * | 2020-12-23 | 2021-03-19 | 青岛海信移动通信技术股份有限公司 | 电子设备及图案绘制方法 |
CN114115265A (zh) * | 2021-11-23 | 2022-03-01 | 未岚大陆(北京)科技有限公司 | 自移动设备的路径处理方法、及自移动设备 |
CN114356201A (zh) * | 2021-12-23 | 2022-04-15 | 科大讯飞股份有限公司 | 一种书写美化方法、装置、设备和可读存储介质 |
Citations (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101587495A (zh) * | 2009-07-08 | 2009-11-25 | 伍帝州 | 通过浏览器下载部署应用并提供应用入口的方法及*** |
CN101609560A (zh) * | 2009-07-16 | 2009-12-23 | 广东威创视讯科技股份有限公司 | 一种擦除笔迹的方法 |
CN102262508A (zh) * | 2011-07-21 | 2011-11-30 | 福州锐达数码科技有限公司 | 通过鼠标轨迹生成度量工具的方法 |
CN103064613A (zh) * | 2012-12-13 | 2013-04-24 | 鸿富锦精密工业(深圳)有限公司 | 触摸屏内容擦除的方法及装置 |
CN103077025A (zh) * | 2012-12-28 | 2013-05-01 | 锐达互动科技股份有限公司 | 一种封闭几何图形擦除轨迹线并生成新轨迹线的方法 |
CN103257828A (zh) * | 2013-05-30 | 2013-08-21 | 无锡久源软件科技有限公司 | 一种可涂鸦式全屏滑动解锁方法 |
CN103729127A (zh) * | 2013-12-24 | 2014-04-16 | 广西大学 | 通过鼠标运行轨迹控制浏览器的方法 |
US20140168077A1 (en) * | 2012-12-14 | 2014-06-19 | Barnesandnoble.Com Llc | Multi-touch navigation mode |
CN104571847A (zh) * | 2013-10-15 | 2015-04-29 | 纬创资通股份有限公司 | 电子装置的操作方法 |
CN104714724A (zh) * | 2011-09-30 | 2015-06-17 | 北京奇虎科技有限公司 | 一种便携式移动终端的触摸控制式浏览器 |
US20160098186A1 (en) * | 2014-10-02 | 2016-04-07 | Kabushiki Kaisha Toshiba | Electronic device and method for processing handwritten document |
CN105653144A (zh) * | 2014-11-12 | 2016-06-08 | 北大方正集团有限公司 | 基于网页的手写输入方法和编辑器 |
CN106227454A (zh) * | 2016-07-27 | 2016-12-14 | 努比亚技术有限公司 | 一种触控轨迹检测***及方法 |
CN106325737A (zh) * | 2016-08-03 | 2017-01-11 | 青岛海信电器股份有限公司 | 一种书写路径擦除方法及设备 |
CN106569692A (zh) * | 2016-10-26 | 2017-04-19 | 青岛海信电器股份有限公司 | 手势擦除方法及装置 |
CN106886304A (zh) * | 2017-02-20 | 2017-06-23 | 联想(北京)有限公司 | 数据处理方法、触控笔应用客户端以及电子设备 |
CN106933474A (zh) * | 2015-12-30 | 2017-07-07 | 网易(杭州)网络有限公司 | 图像混合处理方法及装置 |
CN106991711A (zh) * | 2017-03-15 | 2017-07-28 | 广州视源电子科技股份有限公司 | 笔迹编辑方法和*** |
CN107193424A (zh) * | 2017-06-27 | 2017-09-22 | 北京北纬天辰科技有限公司 | 一种智能电子式擦除方法及装置 |
-
2018
- 2018-06-11 CN CN201810596701.4A patent/CN108733293B/zh active Active
Patent Citations (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101587495A (zh) * | 2009-07-08 | 2009-11-25 | 伍帝州 | 通过浏览器下载部署应用并提供应用入口的方法及*** |
CN101609560A (zh) * | 2009-07-16 | 2009-12-23 | 广东威创视讯科技股份有限公司 | 一种擦除笔迹的方法 |
CN102262508A (zh) * | 2011-07-21 | 2011-11-30 | 福州锐达数码科技有限公司 | 通过鼠标轨迹生成度量工具的方法 |
CN104714724A (zh) * | 2011-09-30 | 2015-06-17 | 北京奇虎科技有限公司 | 一种便携式移动终端的触摸控制式浏览器 |
CN103064613A (zh) * | 2012-12-13 | 2013-04-24 | 鸿富锦精密工业(深圳)有限公司 | 触摸屏内容擦除的方法及装置 |
US20140168077A1 (en) * | 2012-12-14 | 2014-06-19 | Barnesandnoble.Com Llc | Multi-touch navigation mode |
CN103077025A (zh) * | 2012-12-28 | 2013-05-01 | 锐达互动科技股份有限公司 | 一种封闭几何图形擦除轨迹线并生成新轨迹线的方法 |
CN103257828A (zh) * | 2013-05-30 | 2013-08-21 | 无锡久源软件科技有限公司 | 一种可涂鸦式全屏滑动解锁方法 |
CN104571847A (zh) * | 2013-10-15 | 2015-04-29 | 纬创资通股份有限公司 | 电子装置的操作方法 |
CN103729127A (zh) * | 2013-12-24 | 2014-04-16 | 广西大学 | 通过鼠标运行轨迹控制浏览器的方法 |
US20160098186A1 (en) * | 2014-10-02 | 2016-04-07 | Kabushiki Kaisha Toshiba | Electronic device and method for processing handwritten document |
CN105653144A (zh) * | 2014-11-12 | 2016-06-08 | 北大方正集团有限公司 | 基于网页的手写输入方法和编辑器 |
CN106933474A (zh) * | 2015-12-30 | 2017-07-07 | 网易(杭州)网络有限公司 | 图像混合处理方法及装置 |
CN106227454A (zh) * | 2016-07-27 | 2016-12-14 | 努比亚技术有限公司 | 一种触控轨迹检测***及方法 |
CN106325737A (zh) * | 2016-08-03 | 2017-01-11 | 青岛海信电器股份有限公司 | 一种书写路径擦除方法及设备 |
CN106569692A (zh) * | 2016-10-26 | 2017-04-19 | 青岛海信电器股份有限公司 | 手势擦除方法及装置 |
CN106886304A (zh) * | 2017-02-20 | 2017-06-23 | 联想(北京)有限公司 | 数据处理方法、触控笔应用客户端以及电子设备 |
CN106991711A (zh) * | 2017-03-15 | 2017-07-28 | 广州视源电子科技股份有限公司 | 笔迹编辑方法和*** |
CN107193424A (zh) * | 2017-06-27 | 2017-09-22 | 北京北纬天辰科技有限公司 | 一种智能电子式擦除方法及装置 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110764674A (zh) * | 2019-09-12 | 2020-02-07 | 湖南新云网科技有限公司 | 一种用于电子白板的笔记图元擦除方法、***及电子白板 |
CN112035035A (zh) * | 2020-08-27 | 2020-12-04 | 哈尔滨工业大学(深圳) | 一种可擦除顶层局部区域笔画的橡皮擦实现方法及*** |
CN112527182A (zh) * | 2020-12-23 | 2021-03-19 | 青岛海信移动通信技术股份有限公司 | 电子设备及图案绘制方法 |
CN114115265A (zh) * | 2021-11-23 | 2022-03-01 | 未岚大陆(北京)科技有限公司 | 自移动设备的路径处理方法、及自移动设备 |
CN114356201A (zh) * | 2021-12-23 | 2022-04-15 | 科大讯飞股份有限公司 | 一种书写美化方法、装置、设备和可读存储介质 |
CN114356201B (zh) * | 2021-12-23 | 2024-02-20 | 科大讯飞股份有限公司 | 一种书写美化方法、装置、设备和可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN108733293B (zh) | 2021-09-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108733293A (zh) | 书写轨迹处理方法及装置 | |
JP5516535B2 (ja) | 電子情報端末及び領域設定制御プログラム | |
CN107450832B (zh) | 基于双***的笔迹显示方法和***、存储介质及设备 | |
US8423914B2 (en) | Selection user interface | |
CN107450833B (zh) | 基于双***的笔迹书写设置方法和***、存储介质及设备 | |
US20130111380A1 (en) | Digital whiteboard implementation | |
CN109445676A (zh) | 在手写设备上删除用户输入的手写笔画信息的方法 | |
CN102566862B (zh) | 交互式电子白板中几何图形的擦除方法和装置 | |
CN106325737A (zh) | 一种书写路径擦除方法及设备 | |
EP2488930A1 (en) | Method and apparatus for drawing and erasing calligraphic ink objects on a display surface | |
CN106910232A (zh) | 画线擦除方法及装置 | |
CN105224163B (zh) | 界面显示方法和装置 | |
CN106909286A (zh) | 一种基于终端的信息分享方法及装置 | |
CN111524211B (zh) | 笔迹擦除方法、装置及设备 | |
CN110458920A (zh) | 一种笔迹擦除方法及装置 | |
CN107170026A (zh) | 一种在显示屏上画线的方法、装置和终端设备 | |
CN106991711A (zh) | 笔迹编辑方法和*** | |
CN107203434A (zh) | 一种纹理共享的方法、装置以及计算机可读存储介质 | |
CN106354366A (zh) | 桌面图标排列处理方法及装置 | |
CN110347318B (zh) | 一种笔迹绘制的方法、装置、设备及存储介质 | |
US20170060820A1 (en) | Authoring tool including style selector bars for selecting styles for media components | |
CN110297585A (zh) | 电子白板实现方法、装置、设备以及存储介质 | |
CN110297558A (zh) | 多点触摸控制方法、装置、智能交互平板及存储介质 | |
CN112035035B (zh) | 一种可擦除顶层局部区域笔画的橡皮擦实现方法及*** | |
CN103345389B (zh) | 一种应用于网页的矢量图形的操作方法和装置 |
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 |