首页 / 一种涂擦方法和相关装置

一种涂擦方法和相关装置有效专利 发明

技术领域

[0001] 本申请涉及数据处理领域,特别是涉及一种涂擦方法和相关装置。

相关背景技术

[0002] 在通过各类软件进行图形绘制、文本编辑中,笔刷是一种用户常用的功能,用户可以通过笔刷对可编辑区域中的图形、文本进行涂擦,例如线条的涂抹,错误的擦除等。
[0003] 在相关技术中,笔刷的形状一般有矩形、圆形等,用户选择笔刷后,通过长按滑动等操作,在可编辑区域中产生对应笔刷形状的区域。区域边缘的形状会具有笔刷形状的特点,例如通过圆形笔刷产生的条形区域的两头是半圆形,通过矩形笔刷产生的斜线区域的边缘会有明显的棱角和锯齿。
[0004] 在一些应用场景中,若通过笔刷进行涂擦时,产生的区域边缘与使用手指实际涂擦产生的边缘类似,可以提高用户使用时的代入感。然而,相关技术中的笔刷难以满足上述技术需求。

具体实施方式

[0036] 下面结合附图,对本申请的实施例进行描述。
[0037] 在绘画、游戏、刮刮乐等应用软件中,笔刷具有涂写功能(如同画笔)或者擦除功能(如同橡皮擦)。笔刷所对应的图案一般是矩形或圆形。用矩形笔刷或圆形笔刷涂擦得到的涂擦效果图,从涂擦区域边缘轮廓来看,与真实的手指涂擦形状,差距较大。
[0038] 参见图1,图1给出了用矩形笔刷涂擦出点、竖线、横线和斜线等四种情况。由图1可以看出,利用矩形笔刷涂擦生成的涂擦区域边缘轮廓棱角分明,斜线的锯齿明显,与手指真实涂擦形状相比,差异明显。
[0039] 参见图2,图2给出了用圆形笔刷涂擦出点、竖线、横线和斜线等四种情况的示意图。由图2可以看出,利用圆形笔刷进行涂擦,相较于利用矩形笔刷进行涂擦,圆形笔刷对应的涂擦区域边缘轮廓效果更平滑。但是,仍然存在不够自然的情况,例如,有些突出的轮廓是形状规则的圆弧,而非手指涂擦形成的自然形状,不够逼真,且过于平滑的边缘与手指实际涂擦形成的边缘也有较大区别。
[0040] 为了使涂擦效果更接近手指涂擦的自然形状,本申请实施例提供了一种涂擦方法和相关装置。
[0041] 本申请实施例提供的涂擦方法可以应用于具有涂擦能力的涂擦设备,例如终端设备或服务器,该方法可以通过终端设备独立执行,也可以通过服务器独立执行,也可以应用于终端设备和服务器通信的网络场景,通过终端设备和服务器配合执行。其中,终端可以是智能手机、平板电脑、笔记本电脑、台式计算机等;服务器可以理解为是应用服务器,也可以为Web服务器,在实际部署时,该服务器可以为独立服务器,也可以为集群服务器。在本申请中,以终端设备作为涂擦设备对实施例进行介绍。
[0042] 参见图3,图3为本申请实施例提供的一种涂擦方法的应用场景示意图。在图3所示的应用场景中,包括终端设备301,用户可以在其可触控的触摸屏上进行涂擦。
[0043] 具体应用时,用户在终端设备301中打开具有涂擦功能的应用软件,选中目标笔刷的涂擦功能后,用户可以用手指或者触控笔在终端设备301的触摸屏上进行触控操作,实现绘制或消除图画的目的。在图3所示的应用场景中,用户打开游戏后,进入一个设计关卡,用一只手指在终端设备301的触摸屏提供的可编辑区域内长按滑动,擦除覆盖的纸张,绘制出设计样稿。
[0044] 对此,终端设备301获取针对擦除功能的长按滑动。然后,终端设备301根据获取的长按滑动,确定该长按滑动在触摸屏提供的可编辑区域中的第一触控位置。如图3所示,用户手指开始触碰到触摸屏的第一点(A点)所在位置可以看作第一触控位置。
[0045] 确定第一触控位置后,终端设备301就可以用目标笔刷所对应的图案在第一触控位置进行擦涂,生成第一涂擦区域。由于具有规则图案的笔刷涂擦生成的图画,其边缘形状也是规则的,与真实手指涂擦的边缘形状差距甚远。为此,在本申请实施例中,通过设计笔刷所对应的图案的边缘轮廓,模拟手指涂擦的边缘形状,使涂擦效果更自然、逼真。在图3所示的场景中,终端设备301通过目标笔刷所对应的图案在A点所在位置生成第一涂擦区域,如图3中以A点为中心的对应虚线区域,其具体形状对应于图3中的第一涂擦区域。
[0046] 由于真实手指涂擦的边缘形状具有不规则性,因此,通过设计图案的边缘轮廓,模拟手指涂擦的边缘形状,使得利用该图案涂擦效果更接近手指涂擦效果。
[0047] 进一步地,终端设备301根据上述长按滑动在可编辑区域中的位移继续确定第二触控位置,且该第二触控位置为长按滑动的位移轨迹(如图3所示带箭头的虚线)中,A点所在位置的下一个触控位置,如图3所示的B点所在位置。
[0048] 由于生成涂擦区域的过程,是沿着触动操作的运动轨迹,用多个图案叠加在一起生成的。当选定笔刷所对应的图案后,图案的形状和方向角度固定,基于此,涂擦区域的边缘形状是多个相同图案拼叠生成的,具有一定的规则性。而用手指真实涂擦出来的涂擦区域,其边缘形状具有不规则性,因此,笔刷涂擦效果不够理想,用户体验感不好。
[0049] 为此,在本申请实施例中,先将图案进行旋转,然后,利用旋转后的图案生成第二涂擦区域,以提高涂擦效果,使得更加接近手指真实涂擦效果。在图3所示的应用场景中,将B点所在位置确定为第二触控位置后,终端设备301利用旋转后的图案在B点所在位置生成第二涂擦区域,如图3中以B点为中心对应的虚线区域,其具体形状对应于图3中的第二涂擦区域。如图3所示,B点对应的图案是将A点对应的图案旋转θ角后得到的。
[0050] 由于旋转后的图案,与旋转前的图案,在相同角度上各自对应的图案边缘形状不同,因此,基于多个旋转后的图案生成的涂擦区域,其边缘形状具有不规则性,更贴近真实手指涂擦效果。
[0051] 类似的,将B点所在位置作为第一触控位置,终端设备301依据长按滑动的运动轨迹继续确定第二触控位置,如图3所示的C点所在位置,利用旋转后的图案在C点所在位置生成涂擦区域。如此,生成整个涂擦区域。
[0052] 基于上述,通过设计图案边缘轮廓,并结合图案旋转设计,模拟手指真实涂擦的边缘形状,使得涂擦效果更自然,逼真,提高用户体验。
[0053] 下面结合附图,对本申请实施例提供的一种涂擦方法进行具体介绍。
[0054] 参见图4,图4为本申请实施例提供的一种涂擦方法的流程示意图。如图4所示,该涂擦方法包括以下步骤:
[0055] S401:获取针对涂擦功能的触控操作,所述涂擦功能为涂写功能或擦除功能。
[0056] 在实际应用中,用户通过终端设备启动提供涂擦服务的软件(Software)。其中,提供涂擦服务的软件包括但不限于:应用软件(Application Software,App)、可执行程序(Executable Program,EXE File)。
[0057] 用户打开软件,触发软件提供的涂擦服务后,选中目标笔刷,使用手指在可编辑区域内进行触控操作。其中,涂擦功能包括涂写功能或擦除功能。涂写是指利用笔刷所对应的图案绘制图画,而擦除是指利用笔刷所对应的图案将图画擦掉或消除。可编辑区域是指终端设备上能够响应针对涂擦功能的触控操作,且根据触控操作实现涂写或擦除图画所对应的区域。例如,用户打开绘图类软件后,新建一张画纸,该画纸所对应的区域即为可编辑区域;或者,用户在支付类App完成一次交易后,以电子刮奖的方式向用户提供一次刮奖的机会,其中,电子刮奖券所对应的区域即为可编辑区域。
[0058] 在实际应用中,当用户选中目标笔刷的涂写功能后,可以在可编辑区域内绘制图画。例如,用户打开绘图类App,并新建一张画纸,用户选中画笔后,使用手指在画纸所对应的区域内进行触控操作,并通过画笔所对应的图案在画纸上绘制图画。当用户选中目标笔刷的擦除功能后,可以在可编辑区域内的图画进行擦除。例如,用户在支付类App中完成一笔交易后,跳转出一张刮刮乐,用户使用手指在刮刮乐所对应的区域内进行触控操作,以便擦除刮刮乐图画表明的掩盖层,获取掩盖层下面的奖品信息。
[0059] 在实现涂擦效果的过程中,终端设备首先需要获取针对涂擦功能的触控操作。该触控操作是指用户与终端设备之间的交互动作,用于标识在可编辑区域中具有一定长度的位移轨迹。例如,用户使用手指在终端设备的触摸屏上进行长按滑动。
[0060] S402:根据所述触控操作在可编辑区域中对应的第一触控位置,通过目标笔刷所对应的图案在所述第一触控位置生成第一涂擦区域;所述图案的边缘轮廓用于模拟手指涂擦的边缘形状。
[0061] 由于基于目标笔刷所对应的图案生成的涂擦区域,需要与用户手指在可编辑区域内的触控操作对应,或者说,由多个图案叠加生成的涂擦区域所在位置需要与触控操作的运动轨迹保持一致,因此,终端设备需要基于上述S201中获取的触控操作,定位出用户手指在可编辑区域的触控位置,并在该触控位置上利用目标笔刷所对应的图案生成涂擦区域。
[0062] 在实际触控操作过程中,可以将用户手指与终端设备触摸屏接触的初始位置作为第一触控位置,如图3所示的A点所在位置。从而,可以利用目标笔刷所对应的图案在第一触控位置生成第一涂擦区域。
[0063] 基于图1和图2所述的相关技术可知,基于规则图案对应的笔刷涂擦生成的涂擦区域,与真实手指涂擦效果相差甚远。对手指真实涂擦效果进行观察研究发现,手指真实涂擦生成的涂擦区域,其边缘形状具有不规则性。
[0064] 可以理解的是,规则图案的边缘轮廓具有规则性。而基于规则图案涂擦生成的涂擦区域,其边缘形状是由多个图案的部分边缘轮廓组合形成的,也具有一定的规则性。参见图2,利用圆形图案涂擦得到的竖线,其边缘形状包括的两段圆弧是两个一半的圆周,光滑且规则。这与真实手指涂擦效果的不规则性特征不同,由此可见,具有规则的边缘轮廓是基于规则图案进行涂擦无法达到真实涂擦效果的重要原因之一。
[0065] 为了更接近手指真实涂擦效果,本申请针对图案的边缘轮廓进行特别设计,以便模拟真实手指涂擦的边缘形状。在本申请实施例中,提供了一种特别设计的图案,该图案的设计灵感来源于液体滴落在平面形成的图案形状,例如,墨滴滴落在纸上形成的图案形状。基于此,结合液体滴落、液体喷溅、液体溅落形成的图案形状,对本申请中目标笔刷所对应的图案进行具体设计,使得涂擦效果自然,接近真实手指涂擦效果。
[0066] 在一种可能的实现方式中,图案具有通过圆形结构向外喷溅和向内陷的边缘形状。也就是,图案的整体结构是圆形结构,具体可以是正圆结构或椭圆结构。其中,图案的边缘具有向外喷溅形态的第一边缘部分和向内陷形态的第二边缘部分。基于圆形结构的图案,向外喷溅是指在圆形图案的边缘存在向外凸起的部分,且凸起的部分具有液体喷溅的不规则性。向内陷是指圆形图案的边缘存在向内凹陷的部分,且凹陷的部分也有具有不规则性。
[0067] 在测试过程中发现,如果图案的边缘具有向外喷溅形态的第一边缘部分过长,或者具有向内陷的第二边缘部分较大,利用该图案涂擦生成的涂擦区域,具有显著地不规则性,且涂擦区域与未涂擦区域之间有明显的交叉区域,这与手指真实涂擦效果差异较大。
[0068] 对此,在本申请实施例中,通过对上述第一边缘部分和第二边缘部分进行量化,具体为:第一边缘部分被约束在圆形结构的圆周向外第一比例的外圆区域,第二边缘部分被约束在圆形结构的圆周向内第二比例的内圆区域。该比例可以通过直径、面积等方式进行量化,可选的,在实际设计和测试过程中发现,若以直径作为量化标准,可以将第一比例设定为115%,即外圆区域的外圈直径为圆形结构直径的115%,第二比例设定为85%,即内圆区域的内圈直径为圆形结构直径的85%。其对应的涂擦效果逼近真实手指涂擦效果。
[0069] 由于图案向外喷溅和向内陷的边缘形状被约束在圆形结构的一定范围内,因此,有效地控制了图案边缘向外喷溅形态和向内陷形态的特征体现,削弱了图案过于不规则的涂擦效果,使得基于图案的涂擦效果更自然,接近真实手指涂擦效果。
[0070] 参见图5a,图5a为本申请实施例提供的一种图案示意图,该图案具有通过正圆结构向外喷溅和向内陷的边缘形状。
[0071] 针对图5a所示的图案,图5b通过3个圆周示出了图5a所示图案的边缘轮廓,其中,圆周2用于标识目标笔刷所对应图案具有的圆形结构,圆周1和圆周2之间的部分为内圆区域,圆周3与圆周2之间的区域为外圆区域,假设圆周2的直径为1,圆周3的直径最大可以为1.15,圆周1的直径最小可以为0.85。如图5b所示,图5a所示图案具有向外喷溅形态的第一边缘部分介于圆周2和圆周3之间,且不超过圆周3,具有向内陷的第二边缘部分介于圆周1和圆周2之间,且不小于圆周2。
[0072] 由于经过特别设计的图案具有与真实手指涂擦效果的不规则特征,并且,通过对图案的边缘进行量化约束,有效地避免了图案具有显著的不规则特性,贴近真实手指涂擦效果。
[0073] 此外,对于图案的尺寸,可以根据具体的场景需求设定。在一些应用场景中,可以根据用户手指与终端设备的触摸屏之间的触控面积动态地调整目标笔刷对应的图案尺寸。具体的,先确定上述触控操作在可编辑区域中的单点触控面积,然后,根据单点触控面积确定出目标笔刷所对应的图案的尺寸。
[0074] 由于图案的尺寸随着触控面积动态变化,相较于固定尺寸的图案的涂擦方式,用户可以直接通过调整触控操作,改变目标笔刷所对应的图案的尺寸,简化了用户操作流程,提供了涂擦应用的智能性。
[0075] 在另一些应用场景中,可以针对目标笔刷预先设定多个不同的尺寸。用户选中目标笔刷的涂擦功能后,可以从多个不同尺寸中选择一个目标尺寸,用于涂擦。例如,选择尺寸为128x128像素的图案。
[0076] S403:根据所述触控操作在所述可编辑区域中的位移确定第二触控位置,所述第二触控位置为所述触控操作的位移轨迹中,所述第一触控位置的下一个触控位置。
[0077] 在实际应用中,终端设备根据上述401中获取的触控操作在可编辑区域中的位移,继续确定针对该触控操作的第二触控位置。其中,第二触控位置为触控操作的运动轨迹上第一触控位置之后的位置。
[0078] 以图3所示的应用场景为例,其中,带有箭头的虚线为触控操作在可编辑区域内的运行轨迹。若将触控操作的运动轨迹的第一点(如图3所示的A点)所在位置作为第一触控位置,在下一次检测时,终端设备在该触控操作的运行轨迹上,确定该触控操作的第二触控位置(如图3所示的B点),B点在带有箭头的虚线上,且按照虚线箭头所示方向,位于A点之后。
[0079] 对于确定第二触控位置的时机,在一种可能的实现方式中,可以基于涂擦功能的刷新率,根据所述触控操作在可编辑区域的位移确定第二触控位置。其中,刷新率是指针对触控操作确定触控位置的系统频率,一般预先设定。例如,若将终端设备的刷新率设定为30Hz,则每经过0.03s,终端设备针对触控操作确定一个触控位置。
[0080] 沿用上述图3所示的应用场景的示例,若将A点所在位置确定为第一触控位置后,经过0.03s后,终端设备确定出第二触控位置,即图3所示的B点所在位置。
[0081] 基于上述确定出的第二触控位置,可以在第二触控位置利用目标笔刷所对应的图案生成第二涂擦区域,以便利用上述S402生成的第一涂擦区域叠加第二涂擦区域生成上述S401获取的触控操作对应的涂擦区域。
[0082] S404:通过旋转后的所述图案在所述第二触控位置生成第二涂擦区域。
[0083] 参考图1和图2提供的两种基于规则图案生成的多个涂擦效果示意图,由笔刷涂擦生成的涂擦区域,具有与图案相似的形状之外,其边缘形状还具有一定的光滑性。究其根本,是因为涂擦区域是由多个相同图案以固定角度叠加生成的。也就是说,涂擦区域的边缘形状不仅与单个图案的边缘轮廓有关,也与多个图案叠加的方式息息相关。
[0084] 为了进一步提高基于图案的涂擦效果,在本申请实施例中提供了一种方可能的实现方式,即在经过特殊设计的图案的基础上,设定该图案以旋转的方式生成涂擦区域。具体的,在S203中确定出第二触控位置后,利用旋转后的图案在该第二触控位置生成第二涂擦区域。
[0085] 如图3所示的应用场景中,将B点所在位置确定为第二触控位置后,将旋转后的图案在B点所在位置生成第二涂擦区域。根据图3可以看到,B点对应的图案是A点对应的图案旋转θ角后得到的。
[0086] 由于旋转后的图案,与旋转前的图案,在相同角度各自对应的边缘轮廓不同,因此,基于图案以旋转的方式生成的涂擦区域,其边缘形状具有一定的不光滑特性。相较于图案以固定角度进行涂擦的方式,基于图案以旋转方式生成的涂擦区域边缘形状更自然,接近手指真实涂擦效果。
[0087] 具体的旋转方式本申请并不进行限定,例如可以是固定角度旋转,固定方向旋转,随机旋转等。
[0088] 在一种可能的实现的方式中,图案的旋转方式为基于图案中心的随机旋转。也就是说,图3所示的可以是θ随机确定的。
[0089] 由于θ是随机确定的,因此,不同触控位置之间的θ是随机的,不相等的。若按照时序关系对θ进行排列,排序后的多个θ按照大小关系,是个不规则排列的序列。基于此,叠加生成的整个涂擦区域,其边缘形状具有一定的不规则性,使得涂擦效果更加自然,贴近真实手指涂擦效果。
[0090] 同样的,在第二触控位置生成第二涂擦区域之后,可以将第二触控位置作为第一触控位置,终端设备继续针对触控操作的运动轨迹,检测下一个第二触控位置,直至针对触控操作生成完整的涂擦区域。
[0091] 上述实施例提供的涂擦方法,针对涂擦功能的触控操作,根据该触控操作在可编辑区域中对应的第一触控位置,利用目标笔刷所对应的图案在第一触控位置生成第一涂擦区域。由于图案的边缘轮廓是基于模拟手指涂擦的边缘形状设计出来的,因此,利用该图案生成的第一涂擦区域的边缘形状接近手指真实涂擦效果。继而,根据所述触控操作在可编辑区域中的位移确定第二触控位置,并通过旋转后的所述图案在第二触控位置生成第二涂擦区域。其中,第二触控位置是所述触控操作的位移轨迹中,第一触控位置的下一个触控位置。由于旋转后的图案,与旋转前的图案,在相同角度各自对应的边缘轮廓不同,因此,相较于图案以固定角度进行涂擦的方式,基于图案旋转进行涂擦的方式生成的涂擦区域边缘形状更自然,接近手指真实涂擦效果。基于此,通过设计图案边缘轮廓,并结合图案旋转,整体效果接近真实手指涂擦效果,提高用户体验。
[0092] 对于上述实施例提供的涂擦方法,在一种应用场景中,用户选中具有擦除功能的笔刷,则用户可以通过触控操作,通过笔刷所对应的图案擦除可编辑区域。其中,可编辑区域包括遮挡层和位于遮挡层下的图像层。遮挡层用于遮挡图像层的图画,具有擦除功能的笔刷可以擦掉遮挡层,以便展示图像层的图画。
[0093] 参见图6,图6为本申请实施例提供的一种擦除方法的流程示意图。如图6所示,终端设备可以先根据触控操作在可编辑区域中对应的第一触控位置,确定图案对应的第一擦除区域,然后,通过图案的透明度数值,以及图像层在第一擦除区域的颜色数值确定目标区域对应的展示图像,从而,根据展示图像生成第一涂擦区域。
[0094] 其中,透明度数值是指图案的alpha通道参数,可以预先根据具体的应用场景设定。颜色数值就是指红(R)、绿(G)、蓝(B)三个颜色通道参数。图像层对应的图画也可以根据具体的应用场景设定。
[0095] 如果一个像素的alpha通道数值为0%,那它就是完全透明的(也就是看不见的),而数值为100%则意味着一个完全不透明的像素(传统的数字图像)。在0%和100%之间的值则使得像素可以透过背景显示出来,就像透过玻璃(半透明性)。在本申请实施例中,上述图案的透明度数值可以用百分比、整数或者用0到1的实数表示,在此不作任何限定。
[0096] 基于上述设计的图案,根据该图案的透明度数值,调整遮挡层在第一擦除区域的透明度,并根据图像层在第一涂擦区域的颜色数值,生成最终的展示图像,模拟了手指真实擦除过程。由于图案具有不规则边缘轮廓,且涂擦区域是图案以旋转方式生成的,因此,展示图像具有接近于真实手指擦除的效果。
[0097] 在一种可能的实现方式中,若可编辑区域中根据触控操作所生成涂擦区域的总面积达到可编辑区域的预定比例,对遮挡层进行取消显示。
[0098] 其中,预定比例可以根据具体的应用场景预先设定,例如,预定比例设置为60%,则根据触控操作所生成涂擦区域的总面积达到可编辑区域的60%时,对遮挡层进行取消显示。
[0099] 由于涂擦区域的总面积达到可编辑区域的预定比例时,就取消显示遮挡层,即在可编辑区域完全展示图像层,提高了涂擦效率,减少了用户操作,提高了用户体验。
[0100] 为了更好地理解上述实施例提供的涂擦方法,下面以用户玩游戏作为示例,对本申请实施例提供的涂擦方法的应用场景进行介绍。
[0101] 在游戏场景中,玩家的身份是一名年轻的设计师女孩,有了一个设计灵感,准备进入设计关卡开始设计。玩家进入设计关卡后,准备用手指擦除纸张,以呈现设计图,如图7a所示。玩家用手指在之上涂擦,逐渐呈现出背后的设计图,如图7b所示。当涂擦区域的总面积超过设计图的60%,即判定擦除成功,完整呈现出整张设计图样稿,如图7c所示。
[0102] 由上述实施例提供的涂擦方法的应用场景可知,由于笔刷所对应的图案的边缘轮廓是基于模拟手指涂擦的边缘形状设计出来的,且涂擦区域是由多个图案以旋转的方式生成的,相较于基于规则图案以固定角度生成的涂擦区域,边缘形状更自然,接近手指真实涂擦效果,提高了用户的使用体验。
[0103] 针对上述实施例提供的涂擦方法,本申请实施例还提供了一种涂擦装置。
[0104] 参见图8,图8为本申请实施例提供的一种涂擦装置。如图8所示,该涂擦装置800,包括一种涂擦装置,其特征在于,所述装置包括获取单元801、生成单元802和确定单元803:
[0105] 所述获取单元801,用于获取针对涂擦功能的触控操作,所述涂擦功能为涂写功能或擦除功能;
[0106] 所述生成单元802,用于根据所述触控操作在可编辑区域中对应的第一触控位置,通过目标笔刷所对应的图案在所述第一触控位置生成第一涂擦区域;所述图案的边缘轮廓用于模拟手指涂擦的边缘形状;
[0107] 所述确定单元803,用于根据所述触控操作在所述可编辑区域中的位移确定第二触控位置,所述第二触控位置为所述触控操作的位移轨迹中,所述第一触控位置的下一个触控位置;
[0108] 所述生成单元802,还用于通过旋转后的所述图案在所述第二触控位置生成第二涂擦区域。
[0109] 其中,所述图案具有通过圆形结构向外喷溅和向内陷的边缘形状;其中,所述图案的边缘包括具有向外喷溅形态的第一边缘部分,以及具有内陷形态的第二边缘部分;所述第一边缘部分被约束在所述圆形结构的圆周向外第一比例的外圆区域,所述第二边缘部分被约束在所述圆形结构的圆周向内第二比例的内圆区域。
[0110] 其中,所述圆形结构为正圆结构或椭圆结构。
[0111] 其中,所述旋转的方式为基于所述图案中心的随机旋转。
[0112] 其中,所述确定单元803,用于基于所述涂擦功能的刷新率,根据所述触控操作在所述可编辑区域的位移确定第二触控位置。
[0113] 其中,所述确定单元803,还用于:
[0114] 确定所述触控操作在所述可编辑区域中的单点触控面积;
[0115] 根据所述单点触控面积确定所述目标笔刷所对应图案的尺寸。
[0116] 其中,若所述涂擦功能为所述擦除功能,所述第一涂擦区域为第一擦除区域;所述可编辑区域包括遮挡层和位于所述遮挡层下的图像层,所述生成单元802,用于:
[0117] 根据所述触控操作在可编辑区域中对应的第一触控位置,确定所述图案对应的所述第一擦除区域;
[0118] 通过所述图案的透明度数值,以及所述图像层在所述第一擦除区域的颜色数值确定所述目标区域对应的展示图像;
[0119] 根据所述展示图像生成所述第一涂擦区域。
[0120] 其中,所述装置还包括取消单元:
[0121] 所述取消单元,用于若所述可编辑区域中根据所述触控操作所生成涂擦区域的总面积达到所述可编辑区域的预定比例,对所述遮挡层进行取消显示。
[0122] 上述实施例提供的涂擦装置,针对涂擦功能的触控操作,根据该触控操作在可编辑区域中对应的第一触控位置,利用目标笔刷所对应的图案在第一触控位置生成第一涂擦区域。由于图案的边缘轮廓是基于模拟手指涂擦的边缘形状设计出来的,因此,利用该图案生成的第一涂擦区域的边缘形状接近手指真实涂擦效果。继而,根据所述触控操作在可编辑区域中的位移确定第二触控位置,并通过旋转后的所述图案在第二触控位置生成第二涂擦区域。其中,第二触控位置是所述触控操作的位移轨迹中,第一触控位置的下一个触控位置。由于旋转后的图案,与旋转前的图案,在相同角度各自对应的边缘轮廓不同,因此,相较于图案以固定角度进行涂擦的方式,基于图案旋转进行涂擦的方式生成的涂擦区域边缘形状更自然,接近手指真实涂擦效果。基于此,通过设计图案边缘轮廓,并结合图案旋转,整体效果接近真实手指涂擦效果,提高用户体验。
[0123] 本申请实施例还提供了一种用于涂擦的服务器和终端设备,下面将从硬件实体化的角度对本申请实施例提供的用于涂擦的服务器和终端设备进行介绍。
[0124] 参见图9,图9是本申请实施例提供的一种服务器结构示意图,该服务器1400可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上中央处理器(central processing units,CPU)1422(例如,一个或一个以上处理器)和存储器1432,一个或一个以上存储应用程序1442或数据1444的存储介质1430(例如一个或一个以上海量存储设备)。其中,存储器1432和存储介质1430可以是短暂存储或持久存储。存储在存储介质1430的程序可以包括一个或一个以上模块(图示没标出),每个模块可以包括对服务器中的一系列指令操作。更进一步地,中央处理器1422可以设置为与存储介质1430通信,在服务器1400上执行存储介质1430中的一系列指令操作。
[0125] 服务器1400还可以包括一个或一个以上电源1426,一个或一个以上有线或无线网络接口1450,一个或一个以上输入输出接口1458,和/或,一个或一个以上操作系统1441,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM等等。
[0126] 上述实施例中由服务器所执行的步骤可以基于该图9所示的服务器结构。
[0127] 其中,CPU 1422用于执行如下步骤:
[0128] 获取针对涂擦功能的触控操作,所述涂擦功能为涂写功能或擦除功能;
[0129] 根据所述触控操作在可编辑区域中对应的第一触控位置,通过目标笔刷所对应的图案在所述第一触控位置生成第一涂擦区域;所述图案的边缘轮廓用于模拟手指涂擦的边缘形状;
[0130] 根据所述触控操作在所述可编辑区域中的位移确定第二触控位置,所述第二触控位置为所述触控操作的位移轨迹中,所述第一触控位置的下一个触控位置;
[0131] 通过旋转后的所述图案在所述第二触控位置生成第二涂擦区域。
[0132] 可选的,CPU 1422还可以执行本申请实施例中涂擦方法任一具体实现方式的方法步骤。
[0133] 针对上文描述的涂擦方法,本申请实施例还提供了一种用于涂擦的终端设备,以使上述涂擦的方法在实际中实现以及应用。
[0134] 参见图10,图10为本申请实施例提供的一种终端设备的结构示意图。为了便于说明,仅示出了与本申请实施例相关的部分,具体技术细节未揭示的,请参照本申请实施例方法部分。该终端设备可以为包括平板电脑、个人数字助理(英文全称:Personal Digital Assistant,英文缩写:PDA)等任意终端设备:
[0135] 图10示出的是与本申请实施例提供的终端相关的部分结构的框图。参考图10,该终端包括:射频(英文全称:Radio Frequency,英文缩写:RF)电路1510、存储器1520、输入单元1530、显示单元1540、传感器1550、音频电路1560、无线保真(英文全称:wireless fidelity,英文缩写:WiFi)模块1570、处理器1580、以及电源1590等部件。本领域技术人员可以理解,图10中示出的平板电脑结构并不构成对平板电脑的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
[0136] 下面结合图10对平板电脑的各个构成部件进行具体的介绍:
[0137] 存储器1520可用于存储软件程序以及模块,处理器1580通过运行存储在存储器1520的软件程序以及模块,从而实现终端的各种功能应用以及数据处理。存储器1520可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器1520可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
[0138] 处理器1580是终端的控制中心,利用各种接口和线路连接整个平板电脑的各个部分,通过运行或执行存储在存储器1520内的软件程序和/或模块,以及调用存储在存储器1520内的数据,执行平板电脑的各种功能和处理数据,从而对平板电脑进行整体监控。可选的,处理器1580可包括一个或多个处理单元;优选的,处理器1580可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器1580中。
[0139] 在本申请实施例中,该终端所包括的存储器1520可以存储程序代码,并将所述程序代码传输给所述处理器。
[0140] 该终端所包括的处理器1580可以根据所述程序代码中的指令执行上述实施例提供的涂擦方法。
[0141] 本申请实施例还提供一种计算机可读存储介质,用于存储计算机程序,该计算机程序用于执行上述实施例提供的涂擦方法。
[0142] 本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质可以是下述介质中的至少一种:只读存储器(英文:read-only memory,缩写:ROM)、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
[0143] 需要说明的是,本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于设备及系统实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的设备及系统实施例仅仅是示意性的,其中作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
[0144] 以上所述,仅为本申请的一种具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应该以权利要求的保护范围为准。

当前第1页 第1页 第2页 第3页
相关技术
方法相关相关技术
涂擦相关技术
燕宁宁发明人的其他相关专利技术