CN112506372B - 一种基于触控屏的涂鸦喷雾绘制方法、设备及存储介质 - Google Patents
一种基于触控屏的涂鸦喷雾绘制方法、设备及存储介质 Download PDFInfo
- Publication number
- CN112506372B CN112506372B CN202011375977.3A CN202011375977A CN112506372B CN 112506372 B CN112506372 B CN 112506372B CN 202011375977 A CN202011375977 A CN 202011375977A CN 112506372 B CN112506372 B CN 112506372B
- Authority
- CN
- China
- Prior art keywords
- range
- touch
- touch screen
- spraying
- coordinate
- 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
Images
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/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/0416—Control or interface arrangements specially adapted for digitisers
-
- 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
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)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种基于触控屏的涂鸦喷雾绘制方法、设备及存储介质,其中绘制方法包括步骤S1:实时获取用户在触控屏上的触控动作所形成的喷涂信号;步骤S2:对所述喷涂信号进行分析以获知所述触控动作所对应的绘制范围及绘制密度,根据所述绘制范围和所述绘制密度在所述触控屏上生成对应的喷涂图像。本发明可在触控屏上实现涂鸦喷雾效果,增加触控屏的绘画功能。
Description
技术领域
本发明涉及触控电子设备技术领域,尤其涉及一种基于触控屏的涂鸦喷雾绘制方法、设备及存储介质。
背景技术
目前,触控屏广泛应用在各种场景下,由于电子白屏的绘制工具一般以硬笔为主,其绘制出来的效果呈现为密度相同且颜色分布均匀的线段,因此,电子白屏上的绘制功能一般局限于在电子白屏上进行书写,或对电子白屏上所展示的内容进行标记或批注。而目前的电子白板上无法模拟出涂鸦喷雾的效果,使得电子白屏的绘画功能较为单一,无法满足使用者的各种绘画需求。
发明内容
为了克服现有技术的不足,本发明的目的之一在于提供一种基于触控屏的涂鸦喷雾绘制方法,可在触控屏上实现涂鸦喷雾效果,增加触控屏的绘画功能。
本发明的目的之二在于提供一种电子设备。
本发明的目的之三在于提供一种存储介质。
本发明的目的之一采用如下技术方案实现:
一种基于触控屏的涂鸦喷雾绘制方法,包括:
步骤S1:实时获取用户在触控屏上的触控动作所形成的喷涂信号;
步骤S2:对所述喷涂信号进行分析以获知所述触控动作所对应的绘制范围及绘制密度,根据所述绘制范围和所述绘制密度在所述触控屏上生成对应的喷涂图像。
进一步地,所述喷涂信号至少包括起始点数据,所述起始点数据包括触控范围、触控范围的中心点坐标和起始点触控时长,根据所述中心点坐标和所述触控范围确定所述绘制范围,根据所述触控动作在所述起始点上停留的触控时长确定起始点所对应的绘制密度。
进一步地,确定所述绘制范围的方法为:
根据所述触控范围的多个边缘坐标确定一个矩形范围;
以所述触控范围的中心点坐标为圆心,并以矩形范围的对角线为直径绘制出一个圆形范围,该圆所覆盖的范围即为绘制范围。
进一步地,所述喷涂图像的所述绘制密度从所述绘制范围的圆心到边缘的方向逐渐减小。
进一步地,所述喷涂信号还包括起始点后在触控屏上滑动所生成的滑动数据,所述滑动数据包括滑动轨迹和滑动触控时长;沿所述滑动轨迹生成所述喷涂图像时,按照起始点的所述绘制范围进行绘制,并根据所述触控动作在所述滑动轨迹的任意滑动坐标点上停留的触控时长确定该坐标点的绘制密度。
进一步地,判断起始点及滑动轨迹中的任意坐标点的绘制密度是否达到预设的阈值,若达到,则沿该坐标点的纵坐标方向竖直向下生成溢出图像。
进一步地,所述溢出图像的长度与该坐标点所对应的绘制密度之间成正比关系。
进一步地,所述步骤S1之前还包括:接收设置指令,根据设置指令对喷涂图像的颜色及透明度进行更改。
本发明的目的之二采用如下技术方案实现:
一种电子设备,其包括处理器、存储器及存储于所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述的基于触控屏的涂鸦喷雾绘制方法。
本发明的目的之三采用如下技术方案实现:
一种存储介质,其上存储有计算机程序,所述计算机程序被执行时实现上述的基于触控屏的涂鸦喷雾绘制方法。
相比现有技术,本发明的有益效果在于:
根据触控动作获知其对应的绘制范围及绘制密度,在触控屏上生成对应的喷涂图像,在触控屏上模拟出涂鸦喷雾的效果。
附图说明
图1为本发明涂鸦喷雾绘制方法的流程示意图。
具体实施方式
下面,结合附图以及具体实施方式,对本发明做进一步描述,需要说明的是,在不相冲突的前提下,以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。
实施例一
本实施例提供一种基于触控屏的涂鸦喷雾绘制方法,通过该方法可在电子白屏等触控屏上实现涂鸦喷雾的绘制效果,提高触控屏的绘画功能,满足用户使用需求;如图1所示,本实施例的绘制方法具体包括如下步骤:
步骤S0:接收设置指令,根据设置指令对喷涂图像的颜色及透明度进行更改。用户预先进入触控屏的绘画界面,点击涂鸦喷雾功能后对涂鸦喷雾的颜色及透明度进行自定义设置,以改变喷涂图像的呈现效果;其中透明度的设置即决定了喷涂图像单位时间所对应的绘制密度,即透明度越小,其单位时间内相同绘制范围所对应的绘制点越少,绘制密度越小;透明度越大,其单位时间内相同绘制范围所对应的绘制点越多,绘制密度则越大。
步骤S1:实时获取用户在触控屏上的触控动作所形成的喷涂信号。
用户在使用涂鸦喷雾功能时,可利用手指或触控笔在触控屏的绘画区域内进行触控动作,其触控动作可以是点触所述触控屏形成单纯的点击动作,也可以在点触所述触控屏后在绘画区域内移动形成连续的滑动动作。针对不同的触控动作生成对应的喷涂信号,当用户只在绘画区域执行点击动作时,触控屏所生成的所述喷涂信号则只包括起始点数据;当用户在绘画区域内执行滑动动作时,触控屏所生成的所述喷涂信号则包括起始点数据及滑动数据。
其中,所述起始点数据包括有触控范围、触控范围的中心点坐标和起始点触控时长,其中触控范围为用户手指或触控笔触碰在绘画区域上所形成的触碰面积,触控屏在识别到触碰动作时,根据触控范围的多个边缘坐标确定触控范围的形状,一般来说,触控笔的笔尖部分触碰绘画区域所形成的触控范围一般呈圆形状态,而手指触碰绘画区域所形成的触控范围一般呈一个矩形形状,根据触控范围即可获知其中心点坐标,其后即可根据所述中心点坐标和所述触控范围确定所述绘制范围,根据所述触控动作在所述起始点上停留的触控时长确定起始点所对应的绘制密度。
所述喷涂信号除了包括用户手指一开始触碰绘画区域所形成的起始点数据外,还包括起始点后在触控屏上滑动所生成的滑动数据,所述滑动数据包括滑动轨迹和滑动触控时长;所述滑动轨迹即为喷涂的轨迹,沿所述滑动轨迹生成所述喷涂图像时,按照起始点的所述绘制范围进行绘制,并根据所述触控动作在所述滑动轨迹的任意滑动坐标点上停留的触控时长确定该坐标点的绘制密度。
步骤S2:对所述喷涂信号进行分析以获知所述触控动作所对应的绘制范围及绘制密度,根据所述绘制范围和所述绘制密度在所述触控屏上生成对应的喷涂图像。
其中,用户用手指触碰绘画区域时,其确定所述绘制范围的方法为:
根据所述触控范围的多个边缘坐标确定一个矩形范围;
以所述触控范围的中心点坐标为圆心,并以矩形范围的对角线为直径绘制出一个圆形范围,该圆所覆盖的范围即为绘制范围。
当用户用触碰笔的笔尖触碰绘画区域时,其确定所述绘制范围的方法为:
根据所述触控范围的多个边缘坐标确定一个圆形状态,其圆形范围即为绘制范围。
当用户使用触碰笔的侧面触碰绘画区域时,其确定绘制范围的方法可以参照手指触碰的方式来确定。而该绘制范围意味着实际喷头的大小,绘制范围越大,即喷头越大,其喷出的线条越粗;绘制范围越小,即喷头越小,喷出的线条则越细。
而所述喷涂图像的所述绘制密度从所述绘制范围的圆心到边缘的方向逐渐减小,在本实施例中,将所述绘制范围按照设定比例划分为若干个同心圆区域,越靠近所述绘制范围的圆心的同心圆区域,其绘制密度越大,绘制点越多且越密集,越靠近边缘位置的绘制点越稀疏,呈喷射状效果;其中,所述喷涂图像的绘制点为不规则的点状图像,其绘制点在绘制范围内的坐标通过随机坐标算法随机确定。
而所述喷涂图像的绘制密度还受触控时长影响,即用户手指执行触控动作过程中,在绘画区域的任意一坐标上停留时间越长,理解为喷雾一直在喷射的时长,其绘制密度则越大,此时生成溢出图像;即当起始点及滑动轨迹中的任意坐标点的绘制密度达到预设的阈值时,喷涂图像沿绘制密度大于阈值的该坐标点的纵坐标方向竖直向下生成溢出图像,产生液体溢出向下流动的效果。其中,所述溢出图像的长度与该坐标点所对应的绘制密度之间成正比关系,即喷射时长越长,所述溢出图像向下溢出的长度越长,形成喷雾喷射液体饱和以后液体往下溢出流动的效果。
实施例二
本实施例提供一种电子设备,其包括处理器、存储器及存储于所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现实施例一中的基于触控屏的涂鸦喷雾绘制方法;另外,本实施例还提供一种存储介质,其上存储有计算机程序,所述计算机程序被执行时实现上述的基于触控屏的涂鸦喷雾绘制方法。
本实施例中的设备及存储介质与前述实施例中的方法是基于同一发明构思下的两个方面,在前面已经对方法实施过程作了详细的描述,所以本领域技术人员可根据前述描述清楚地了解本实施中的***的结构及实施过程,为了说明书的简洁,在此就不再赘述。
上述实施方式仅为本发明的优选实施方式,不能以此来限定本发明保护的范围,本领域的技术人员在本发明的基础上所做的任何非实质性的变化及替换均属于本发明所要求保护的范围。
Claims (5)
1.一种基于触控屏的涂鸦喷雾绘制方法,其特征在于,包括:
步骤S1:实时获取用户在触控屏上的触控动作所形成的喷涂信号;所述喷涂信号至少包括起始点数据,所述起始点数据包括触控范围、触控范围的中心点坐标和起始点触控时长,根据所述中心点坐标和所述触控范围确定绘制范围,根据所述触控动作在起始点上停留的触控时长确定起始点所对应的绘制密度;所述喷涂信号还包括起始点后在触控屏上滑动所生成的滑动数据,所述滑动数据包括滑动轨迹和滑动触控时长;沿所述滑动轨迹生成喷涂图像时,按照起始点的所述绘制范围进行绘制,并根据所述触控动作在所述滑动轨迹的任意滑动坐标点上停留的触控时长确定该坐标点的绘制密度;
步骤S2:对所述喷涂信号进行分析以获知所述触控动作所对应的绘制范围及绘制密度,根据所述绘制范围和所述绘制密度在所述触控屏上生成对应的喷涂图像;所述喷涂图像的绘制密度从所述绘制范围的圆心到边缘的方向逐渐减小;其中,确定所述绘制范围的方法为:
根据所述触控范围的多个边缘坐标确定一个矩形范围;
以所述触控范围的中心点坐标为圆心,并以矩形范围的对角线为直径绘制出一个圆形范围,该圆形范围即为绘制范围;
且在生成喷涂图像时,还包括:判断滑动轨迹中的任意坐标点的绘制密度是否达到预设的阈值,若达到,则沿该坐标点的纵坐标方向竖直向下生成溢出图像。
2.根据权利要求1所述的基于触控屏的涂鸦喷雾绘制方法,其特征在于,所述溢出图像的长度与该坐标点所对应的绘制密度之间成正比关系。
3.根据权利要求1所述的基于触控屏的涂鸦喷雾绘制方法,其特征在于,所述步骤S1之前还包括:接收设置指令,根据设置指令对喷涂图像的颜色及透明度进行更改。
4.一种电子设备,其特征在于,其包括处理器、存储器及存储于所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现权利要求1~3任一所述的基于触控屏的涂鸦喷雾绘制方法。
5.一种存储介质,其特征在于,其上存储有计算机程序,所述计算机程序被执行时实现权利要求1~3任一所述的基于触控屏的涂鸦喷雾绘制方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011375977.3A CN112506372B (zh) | 2020-11-30 | 2020-11-30 | 一种基于触控屏的涂鸦喷雾绘制方法、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011375977.3A CN112506372B (zh) | 2020-11-30 | 2020-11-30 | 一种基于触控屏的涂鸦喷雾绘制方法、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112506372A CN112506372A (zh) | 2021-03-16 |
CN112506372B true CN112506372B (zh) | 2022-06-07 |
Family
ID=74969610
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011375977.3A Active CN112506372B (zh) | 2020-11-30 | 2020-11-30 | 一种基于触控屏的涂鸦喷雾绘制方法、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112506372B (zh) |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103376981A (zh) * | 2012-04-19 | 2013-10-30 | 富泰华工业(深圳)有限公司 | 绘图***及方法、以及具有该绘图***的触控式电子装置 |
CN103164158A (zh) * | 2013-01-10 | 2013-06-19 | 深圳市欧若马可科技有限公司 | 触摸屏上绘画创作与教学的方法、***及装置 |
CN104199547B (zh) * | 2014-08-29 | 2017-05-17 | 福州瑞芯微电子股份有限公司 | 一种虚拟触屏操作装置、***及方法 |
CN111243378B (zh) * | 2020-03-17 | 2022-02-22 | 广东智媒云图科技股份有限公司 | 基于分形布朗运动模型的作画方法及装置 |
-
2020
- 2020-11-30 CN CN202011375977.3A patent/CN112506372B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN112506372A (zh) | 2021-03-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111381754B (zh) | 笔迹处理方法、设备及介质 | |
CN106325737B (zh) | 一种书写路径擦除方法及设备 | |
US8963836B2 (en) | Method and system for gesture-based human-machine interaction and computer-readable medium thereof | |
CN108829327B (zh) | 交互智能设备的书写方法和装置 | |
US20150077345A1 (en) | Simultaneous Hover and Touch Interface | |
CN107728916B (zh) | 隔空手写轨迹的显示方法及装置 | |
CN110045840B (zh) | 一种书写轨迹关联的方法、装置、终端设备和存储介质 | |
US9262012B2 (en) | Hover angle | |
KR20130060145A (ko) | 수기 입력의 처리 방법 및 장치 | |
JPH0644006A (ja) | オブジェクトを動的に選択及び操作する方法 | |
CN112905102B (zh) | 书写笔锋的实现方法、装置、电子设备及可读存储介质 | |
US10268369B2 (en) | Detecting erasure gestures in an electronic presentation system | |
CN111580687B (zh) | 数据处理方法、装置和智能交互设备 | |
US20150160819A1 (en) | Crane Gesture | |
CN114138165B (zh) | 图形识别方法、装置、设备和存储介质 | |
EP3413179A1 (en) | Rejecting extraneous touch inputs in an electronic presentation system | |
CN111310557A (zh) | 一种基于红外触摸框的手势识别方法、装置和介质 | |
CN110347318B (zh) | 一种笔迹绘制的方法、装置、设备及存储介质 | |
CN112506372B (zh) | 一种基于触控屏的涂鸦喷雾绘制方法、设备及存储介质 | |
CN106598351B (zh) | 一种触摸点处理方法及设备 | |
CN110633042A (zh) | 一种电子白板笔迹擦除方法、装置及设备 | |
CN105320316B (zh) | 一种触摸屏的去抖动方法、装置及终端 | |
CN113176831A (zh) | 触控笔、设置方法及设置装置 | |
CN106990900A (zh) | 一种书写实现方法和装置 | |
CN109117072B (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 | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: Room 238, room 406, 1 Yichuang street, Huangpu District, Guangzhou, Guangdong 510700 Applicant after: Guangzhou langguo Electronic Technology Co.,Ltd. Address before: Room 238, room 406, 1 Yichuang street, Huangpu District, Guangzhou, Guangdong 510700 Applicant before: GUANGZHOU LANGO ELECTRONIC SCIENCE & TECHNOLOGY Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |