CN107544730B - 图片显示方法、装置及可读存储介质 - Google Patents
图片显示方法、装置及可读存储介质 Download PDFInfo
- Publication number
- CN107544730B CN107544730B CN201710740853.2A CN201710740853A CN107544730B CN 107544730 B CN107544730 B CN 107544730B CN 201710740853 A CN201710740853 A CN 201710740853A CN 107544730 B CN107544730 B CN 107544730B
- Authority
- CN
- China
- Prior art keywords
- picture
- contour
- displayed
- layer
- pixel points
- 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 56
- 230000000694 effects Effects 0.000 claims abstract description 65
- 238000000605 extraction Methods 0.000 claims abstract description 19
- 238000004590 computer program Methods 0.000 claims description 4
- 230000004044 response Effects 0.000 claims description 4
- 230000008569 process Effects 0.000 abstract description 8
- 230000000873 masking effect Effects 0.000 description 15
- 238000010586 diagram Methods 0.000 description 8
- 230000005540 biological transmission Effects 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 3
- 230000000670 limiting effect Effects 0.000 description 3
- 230000004913 activation Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000001514 detection method Methods 0.000 description 1
- 230000001747 exhibiting effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000002829 reductive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Landscapes
- Controls And Circuits For Display Device (AREA)
- Image Generation (AREA)
Abstract
本申请提供了一种图片显示方法、装置及可读存储介质。先确定待显示图片,利用轮廓提取算法,确定待显示图片中的轮廓像素点,再创建轮廓图层,与待显示图片叠加,其中,在轮廓图层中,将轮廓像素点与非轮廓像素点进行区分显示,最后为待显示图片附加第一显示效果,第一显示效果用于隐藏待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示。本申请在图片隐藏部分开始重新显示之前,先显示出图片主体部分的轮廓,为猜测图片内容提供了更多依据,满足展示方希望观众在图片逐渐展现的过程中识别出图片的内容或含义的需求。
Description
技术领域
本申请涉及图片处理领域,特别是涉及一种图片显示方法、装置及可读存储介质。
背景技术
“图片蒙层”是一种由展示方主导操作的按照展示方指定的轨迹将图片对象从隐藏状态到显示状态逐步展示出来的交互式动态对象展示方式,而观众需要在这个展示过程中猜测图片内容。
现有技术中,图片的展示状态只能设定为“默认蒙层”,默认蒙层会将图片完全隐藏,随着展示方持续执行“擦除”操作,图片逐渐重新展现出来。在实际应用中,“默认蒙层”这种展示方式存在一些使用上的不便:有时展示方希望可以在擦除少部分蒙层后,观众就能够猜测出图片内容,但“默认蒙层”状态所能提供的猜测图片内容的依据不足,经常出现图片几乎全部擦完观众才识别出图片内容的情况。
因此,展示方希望有一种区别于“默认蒙层”的新的展示方式,这种展示方式使图片猜测的难度降低,使观众能在图片逐渐展现的过程中识别出图片的内容或含义。
发明内容
为解决上述技术问题,本申请提供了一种图片显示方法、装置及可读存储介质,技术方案如下:
一种图片显示方法,所述方法包括:
确定待显示图片;
利用轮廓提取算法,确定所述待显示图片中的轮廓像素点;
创建轮廓图层,与所述待显示图片叠加,其中,在轮廓图层中,将轮廓像素点与非轮廓像素点进行区分显示,所述轮廓图层中的轮廓像素点为:轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点;
为所述待显示图片附加第一显示效果,所述第一显示效果用于隐藏所述待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示;在所述轮廓图层与待显示图片叠加状态下,所述第一显示效果仅作用于所述待显示图片,不作用于所述轮廓图层。
一种图片显示装置,所述装置包括:
图片确定模块:用于确定待显示图片;
轮廓提取模块:用于利用轮廓提取算法,确定所述待显示图片中的轮廓像素点;
轮廓图层创建模块:用于创建轮廓图层,与所述待显示图片叠加,其中,在轮廓图层中,将轮廓像素点与非轮廓像素点进行区分显示,所述轮廓图层中的轮廓像素点为:轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点;
显示效果附加模块:用于为所述待显示图片附加第一显示效果,所述第一显示效果用于隐藏所述待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示;在所述轮廓图层与待显示图片叠加状态下,所述第一显示效果仅作用于所述待显示图片,不作用于所述轮廓图层。
一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现以下方法:
确定待显示图片;
利用轮廓提取算法,确定所述待显示图片中的轮廓像素点;
创建轮廓图层,与所述待显示图片叠加,其中,在轮廓图层中,将轮廓像素点与非轮廓像素点进行区分显示,所述轮廓图层中的轮廓像素点为:轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点;
为所述待显示图片附加第一显示效果,所述第一显示效果用于隐藏所述待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示;在所述轮廓图层与待显示图片叠加状态下,所述第一显示效果仅作用于所述待显示图片,不作用于所述轮廓图层。
本申请提供了一种图片显示方法、装置及可读存储介质,改良了原有图片蒙层的交互方式,在图片的隐藏部分开始擦除之前,先显示出图片主体部分的轮廓,有了轮廓的帮助,观众猜图片内容就有了更多的依据,提升展示方展示时信息传达的效果,满足展示方希望观众在图片逐渐展现的过程中识别出图片的内容或含义的需求。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1为本申请图片显示方法一个实施例中第一显示效果的一种示意图;
图2为本申请图片显示方法一个实施例中轮廓图层的一种示意图;
图3为本申请图片显示方法一个实施例中一种流程图;
图4为本申请图片显示方法中一种叠加方式示意图;
图5为本申请图片显示方法一个实施例中的另一种流程图;
图6为本申请图片显示方法中子参数设定的一种示意图;
图7为本申请图片显示方法中子参数设定的另一种示意图;
图8为本申请图片显示方法中蒙层选择的一种示意图;
图9为本申请图片显示装置一个实施例中的一种结构示意图。
具体实施方式
“图片蒙层”是一种由展示方主导操作的按照展示方指定的轨迹将对象从隐藏状态到显示状态逐步展示出来的交互式动态对象展示方式。一般用于娱乐教育类具有类似图片交互功能的软件。
在现有技术中,“默认蒙层”是一种图片显示效果,参见附图1,这种显示效果用于隐藏待显示图片,并且能够响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示。
在实际应用中,展示方更希望观众在图片逐渐展现的过程中识别出图片的内容或含义,但现有技术中的“默认蒙层”因为猜测图片内容的依据不够,经常出现图片几乎全部擦完观众才识别出图片内容的情况,无法满足展示方的需求。
有鉴于此,本申请提供了一种图片显示方法,技术方案如下:
确定待显示图片;
利用轮廓提取算法,确定所述待显示图片中的轮廓像素点;
创建轮廓图层,与所述待显示图片叠加,其中,在轮廓图层中,将轮廓像素点与非轮廓像素点进行区分显示,所述轮廓图层中的轮廓像素点为:轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点;
为所述待显示图片附加第一显示效果,所述第一显示效果用于隐藏所述待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示;在所述轮廓图层与待显示图片叠加状态下,所述第一显示效果仅作用于所述待显示图片,不作用于所述轮廓图层。
本申请提供了一种图片显示方法,在图片的隐藏部分开始擦除之前,先显示出图片主体部分的轮廓,如附图2,有了轮廓的帮助,观众猜图片内容就有了更多的依据,提升展示方展示时信息传达的效果,满足展示方希望观众在图片逐渐展现的过程中识别出图片的内容或含义的需求。
为了使本领域技术人员更好地理解本申请中的技术方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行详细地描述。
请参考图3,为本申请实施例图片显示方法的一种流程图,结合附图可以看出,确定待显示图片后,接下来的步骤为包括两个分支:
分支1:为待显示图片叠加轮廓图层;
分支2:为待显示图片附加第一显示效果。
两个分支两条线可以同时执行也可以先后执行,并且执行的先后顺序不需要限定。轮廓图层和第一显示效果都是针对待显示图片的处理效果,两者并不会互相影响。
其中,第一显示效果对待显示图片的作用可以理解为:
使图片处于隐藏状态,在隐藏状态下,被隐藏的图片区域内容不可见,并且呈现透视效果。即,当有其他图层叠加在被隐藏的图片下发时,其他图层处于可见状态;
接收用户的擦除操作后,做出响应,将图片上与被擦除区域对应的隐藏部分重新显示,随着擦除操作的持续进行,将逐渐显示更多的图片内容;重新显示的部分不再具有透视效果。
擦除操作进行到最后时,图片的隐藏部分已经全部消失,此时图片的全部内容都已经重新显示出来,可以视为待显示图片的第一显示效果已经消失。
这里的“擦除”是一个能与现实世界对照的行为方式,只要是本质上是能够制造运动轨迹的行为,都可以称之为“擦除”。
图片的第一显示效果就相当于前述提到的“默认蒙层”,需要注意的是,该显示效果是使待显示图片处于隐藏状态,观众可以透过此时隐藏的待显示图片看到位于下层的内容。也就是说,轮廓图层位于附加了第一显示效果的待显示图片下方时,并不会被覆盖。
可以看出,第一显示效果只对待显示图片有影响,不会影响到轮廓图层的显示。
下面结合图3的步骤,对本实施例进行具体说明,其包括以下基本步骤:
S301,确定待显示图片;
S302,利用轮廓提取算法,确定待显示图片中的轮廓像素点;
待显示图片中的轮廓像素点指的是待显示图片中用于组成轮廓的点,这一步需要先遍历待显示图片中的各个元素,利用轮廓提取算法对各个像素点的元素进行判断,进而提取出与其他像素点具有不同特征的轮廓像素点。对图片边缘的检测和显示可以通过GPU来完成。具体的轮廓提取算法,本申请中不需要进行限定。
S303,创建轮廓图层,与待显示图片叠加,在轮廓图层中,将轮廓像素点与非轮廓像素点进行区分显示;
在轮廓图层中,将轮廓像素点与非轮廓像素点进行区分显示。这里轮廓图层中的轮廓像素点与前述待显示图片中的轮廓像素点有所不同,指的是轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点。也就是说,根据待显示图片确定轮廓像素点后,在叠加的轮廓图层的相同位置将轮廓显示出来。
这里的叠加,有两种可以操作的方式:将轮廓图层叠加在待显示图片的上方,或将轮廓图层叠加在待显示图片的下方。这里的“上方”可以认为是用户所在的方向。
请参见附图4,轮廓图层叠加在待显示图片的上方或下方的区别点如下:
将轮廓图层叠加在待显示图片的上方:当用户持续进行擦除操作时,待显示图片逐渐重新显示,因为轮廓在上层,擦除默认蒙层后重新显示的图片不会将轮廓覆盖。从擦除操作的开始到结束,轮廓始终完整存在。
将轮廓图层叠加在待显示图片的下方:当用户持续进行擦除操作时,待显示图片逐渐重新显示,因为轮廓在下层,擦除默认蒙层后重新显示的图片将会覆盖轮廓,随着擦除操作的持续进行,轮廓线条被覆盖的部分越来越多,当图片完全“擦除”时,轮廓消失。
在实际应用中,可以根据展示需求设计轮廓图层的叠加方式,也可以提供两种不同的叠加方式以供用户选择。
将轮廓像素点与非轮廓像素点进行区分显示可以理解为:创建轮廓,使轮廓线条处于可视状态。
区分显示的方式通常是分别调整轮廓像素点与非轮廓像素点,使两者的颜色,透明度等可视元素拥有较大区别,使观众可以较轻易辨认出图片轮廓。在实际应用中,多将轮廓像素点设定为不透明状态,将非轮廓像素点设定为透明状态。也可以根据实际需求将轮廓像素点与非轮廓像素点都设置为不透明状态,并将两者调整为反差较大的颜色(例如红色和黑色)用于区别显示。将轮廓像素点与非轮廓像素点进行区分显示的设置方法很多,本申请对此不作限定。
需要注意的是,将轮廓图层叠加在待显示图片的上方时,因为轮廓图层在上层,可以将非轮廓像素点设定为透明状态,以避免轮廓图层会将重新显示的图片覆盖。而将轮廓图层叠加在待显示图片的下方时,由于执行擦除操作后,重新显示的图像区域覆盖于轮廓图层之上,因此轮廓图层可以选用任意的区分显示方式,不会影响用户观看待显示图片。
轮廓图层的创建与否可以作为一种可选方案,举例说明:设置轮廓开关,根据实际需求,需要显示轮廓时开启开关,不需要显示轮廓时关闭开关。
S304,为所述待显示图片附加第一显示效果。
为待显示图片附加第一显示效果且叠加轮廓图层后,显示效果可参考图2:待显示图片内容被隐藏而轮廓可视,为观众猜测图片提供了较多的依据。
以上介绍了本申请方案的整体流程,下面对一些步骤的具体实施方式进行说明:
在本申请的一种具体实施方式中,利用轮廓提取算法,确定所述待显示图片中的轮廓像素点的过程具体为:
获取待显示图片各像素点的特征参数,当像素点的特征参数符合预设条件时,将该像素点确定为轮廓像素点。
获取待显示图片各像素点的特征参数之前,需要首先确定图片源数据,所述图片源数据,指的是存储在某一位置的,包含所述待显示图片各种信息的数据集合。在本申请中,待显示图片各像素点的特征参数就是从它的图片源数据中获取到的。源数据通常存储在寄存器一类的存储介质中,本申请对存储介质的类型不做限定。
举例说明,获取各像素点的特征参数的步骤:
1)确定待显示图片中坐标的表示方式,如:(0,0)代表图片左上角,(M,N)代表图片右下角;
2)从左到右,从上到下,依次查询待显示图片的所有像素点的坐标;
3)依次接收像素点的坐标,从图片源数据中获取所述坐标像素点的特征参数。
在实际应用中,通常使用颜色值作为像素点的特征参数,具体地,可以先获取像素点的颜色值,对其RGB值,透明度等进行判断,进而确定是否是轮廓像素点。
需要注意的是,本示例代表的是一种获取各像素点特征参数的可操作方式,示例不应理解为对本申请方案的限定。
在本申请的另一种具体实施方式中,在创建轮廓之前可以先确定轮廓像素点参数,轮廓像素点参数用于确定轮廓线条的显示样式。
确定轮廓像素点参数可以有多种方式,举例进行说明:
a)轮廓像素点参数由用户预先设定,当将一个像素点判断为轮廓像素点时,为这个轮廓像素点返回预设的轮廓像素点参数,如果用户没有设定轮廓像素点参数,则为轮廓像素点返回系统默认的轮廓像素点参数;
b)轮廓像素点参数没有由用户预先设定,当轮廓像素点筛选完毕即将创建轮廓时,提示用户输入轮廓像素点参数。
进一步地,轮廓像素点的参数可以包含多个子参数,这些子参数是对边缘线条显示样式的具体设定。子参数的数量和类型可以根据实际需求决定,这里提供两种示例:
子参数包含粗细参数:修改本参数可以改变轮廓的线条粗细:参见附图6,将左图的粗细参数设置为a1,右图的粗细参数设置为a2,其中a1<a2。可以看出,左右两图的线条粗细不同。参数值较大的线条较粗。
子参数包含颜色参数:修改本参数可以改变轮廓的线条颜色:参见附图7,将左图的颜色参数设置为b1,右图的颜色参数设置为b2,可以看出,左右两图的颜色不同。在本实施例中,颜色参数可以进一步包含颜色的RGB值和颜色的透明度等。
下面结合一个具体的实施例,对本申请所提供的图片显示方法进行说明。参见图5所示,该方法可以包括以下步骤:
S501,确定待显示图片;
S502,获取待显示图片各像素点的颜色值;
S503,判断像素点颜色值的不透明度是否在预设范围内;如果在预设范围内,执行步骤S504,如果不在预设范围内,执行步骤S505。
从图片源数据中,获取各个像素点的颜色值。对像素点颜色值的不透明度进行判断,判断像素点颜色值的不透明度是否在预设范围内。
设定第一阈值和第二阈值。并判断此像素点颜色值的不透明度是否介于第一阈值和第一阈值之间。如果此像素点颜色值的不透明度处于第一阈值和第二阈值之间,这个像素点在预设范围内。
在实际应用中,可以只设定一个阈值。并判断此像素点颜色值的不透明度是否介于阈值和(1-阈值)之间。根据实际经验,可以设置当阈值为0.1,也就是像素点颜色值的不透明度介于0.1-0.9之间时,这个像素点在预设范围内。
S504,确定像素点为轮廓像素点;
S505,确定像素点为非轮廓像素点;
S506,判断轮廓开关是否开启;
如果轮廓开关未开启,则不添加轮廓图层。
在实际应用中,可将待显示图片最初的第一显示效果称为“默认蒙层”,将添加轮廓后的显示效果称为“轮廓蒙层”,在未应用本申请的方法前,产品可选项仅有“默认蒙层”;应用本申请的方法后,在原有“默认蒙层”的基础上新增了一个可选项——“轮廓蒙层”。
参见附图8,在本步骤中,将轮廓开关未开启视为选择了“默认蒙层”,将轮廓开关开启视为选择了“轮廓蒙层”。当选择“默认蒙层”时,只为图片附加第一显示效果,不添加轮廓图层。当选择“轮廓蒙层”时,为图片附加第一显示效果的同时应用本申请的方法添加轮廓图层。
轮廓开关可以有多种实际应用方式,在此举例说明:
a)展示开始前,展示方根据当次图片的复杂度,观众年龄,观众相关经验等情况,决定是否要提供较多的图片猜测依据,继而操作轮廓开关的开闭;
b)先关闭轮廓开关,展示开始后,随着“擦除”操作的持续进行,本申请检测到图片已经显示出相当一部分,但展示过程仍未停止:即仍没有观众猜出图片的真实内容或含义。此时自动开启轮廓开关,将图片效果由“默认蒙层”切换为“轮廓蒙层”,降低图片猜测的难度。展示方可根据需求设定自动开启轮廓开关的时机。
在实际应用中,轮廓开关可能有更多的使用方式,上述只是列举了两种示例,不应理解为对本申请的限定。
S507,创建轮廓图层,将轮廓图层叠加在待显示图片下方;
当待显示图片处于第一显示效果时,图片可以视为被隐藏,观众能够透过处于第一显示效果的图片看到下方的轮廓。而当处于第一显示效果的图片响应于擦除操作,逐渐将待显示图片上与被擦除区域对应的部分重新显示时,被擦除出的图片能够将下方的轮廓部分覆盖。也就是说,当擦除操作进行到最后,待显示图片上的隐藏部分被完全消除,图片本身完全展示时,轮廓会被全部覆盖。
S508,在轮廓图层中,将与待显示图片轮廓像素点坐标一致的像素点设置为不透明,将其他像素点设置为全透明。
请参考图9,为本申请实施例图片显示装置的一种结构示意图,所述装置包括:图片确定模块910,轮廓提取模块920,轮廓图层创建模块930,显示效果附加模块940。
图片确定模块910:用于确定待显示图片;
轮廓提取模块920:用于利用轮廓提取算法,确定所述待显示图片中的轮廓像素点;
轮廓图层创建模块930:用于创建轮廓图层,与所述待显示图片叠加,其中,在轮廓图层中,将轮廓像素点与非轮廓像素点进行区分显示,所述轮廓图层中的轮廓像素点为:轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点;
显示效果附加模块940:用于为所述待显示图片附加第一显示效果,所述第一显示效果用于隐藏所述待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示;在所述轮廓图层与待显示图片叠加状态下,所述第一显示效果仅作用于所述待显示图片,不作用于所述轮廓图层。
进一步地,轮廓提取模块920,具体用于:
获取待显示图片各像素点的颜色值;
判断所述颜色值的不透明度,当所述不透明度在预设范围内时,确定所述像素点是轮廓像素点。
进一步地,轮廓图层创建模块930,具体用于:
在轮廓图层中,将轮廓像素点设置为不透明状态,将非轮廓像素点设置为透明状态。
进一步地,轮廓图层创建模块930,具体用于:
创建轮廓图层,将轮廓图层叠加在待显示图片下方;使得待显示图片在响应擦除操作后,重新显示的区域可覆盖所述轮廓图层中的轮廓像素点。
或
创建轮廓图层,将轮廓图层叠加在待显示图片上方,且将轮廓图层中的非轮廓像素点设置为透明状态;使得待显示图片在响应擦除操作后,不影响所述轮廓图层中的轮廓像素点的显示。
进一步地,轮廓图层创建模块930,具体还用于:
确定轮廓像素点参数,所述轮廓像素点参数用于确定轮廓线条的显示样式。轮廓像素点参数包括颜色参数和粗细参数,所述颜色参数用于控制轮廓线条的颜色,所述粗细参数用于控制轮廓线条的粗细。
具体地,本申请可以应用在一种展示软件中,展示软件可以应用在平板电脑等具备显示屏的电子产品中,软件的用户分为展示方和观众。展示方负责展示图片,观众负责猜测图片。
当展示开始时,展示方在展示软件的选择界面中选择图片的展示方式,也就是上文提到的“默认蒙层”和“轮廓蒙层”。
若选择默认蒙层,则不应用本申请,只为图片附加第一显示效果。在平板电脑的显示屏上显示附加了第一显示效果的图片,第一显示效果使图片处于隐藏状态。展示方可通过软件中类似“橡皮擦”功能将图片逐步“擦出来”,以平板电脑为例,可以通过用手指在触屏上移动的方式将图片“擦出来”,观众在图片逐步“擦出来”的过程中猜测图片的真实内容或含义。
若选择轮廓蒙层,则应用本申请,为图片附加第一显示效果的同时叠加轮廓蒙层,图片处于隐藏状态,而图片的轮廓处于显示状态,这种方式可以为观众猜测图片的真实内容或含义提供更多的判断依据。
上述将本申请应用在展示软件中的具体方式仅仅是一种示例性说明,不应理解为对本申请的限定、如前文中提到的,默认蒙层和轮廓蒙层可以自动切换,而非本示例中的事先设定。
本申请实施例还提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现前述的图片显示方法,该方法至少包括:
确定待显示图片;
利用轮廓提取算法,确定所述待显示图片中的轮廓像素点;
创建轮廓图层,与所述待显示图片叠加,其中,在轮廓图层中,将轮廓像素点与非轮廓像素点进行区分显示,所述轮廓图层中的轮廓像素点为:轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点;
为所述待显示图片附加第一显示效果,所述第一显示效果用于隐藏所述待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示;在所述轮廓图层与待显示图片叠加状态下,所述第一显示效果仅作用于所述待显示图片,不作用于所述轮廓图层。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。
计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
本申请中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上所述仅为本申请的较佳实施例而已,并不用以限制本申请,凡在本申请的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本申请保护的范围之内。
Claims (8)
1.一种图片显示方法,其特征在于,所述方法包括:
确定待显示图片;
利用轮廓提取算法,确定所述待显示图片中的轮廓像素点;
创建轮廓图层,与所述待显示图片叠加,其中,在轮廓图层中,将轮廓像素点设置为不透明状态,将非轮廓像素点设置为透明状态,所述轮廓图层中的轮廓像素点为:轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点;
为所述待显示图片附加第一显示效果,所述第一显示效果用于隐藏所述待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示;在所述轮廓图层与待显示图片叠加状态下,所述第一显示效果仅作用于所述待显示图片,不作用于所述轮廓图层,其中,轮廓图层叠加在待显示图片下方或上方,以对应擦除操作时的不同轮廓显示方式。
2.根据权利要求1所述的方法,其特征在于,所述利用轮廓提取算法,确定所述待显示图片中的轮廓像素点,包括:
获取待显示图片各像素点的特征参数,当像素点的特征参数符合预设条件时,将该像素点确定为轮廓像素点。
3.根据权利要求2所述的方法,其特征在于,所述获取待显示图片各像素点的特征参数,当像素点的特征参数符合预设条件时,将该像素点确定为轮廓像素点,包括:
获取待显示图片各像素点的颜色值;
判断所述颜色值的不透明度,当所述不透明度在预设范围内时,确定所述像素点是轮廓像素点。
4.根据权利要求1所述的方法,其特征在于,所述将轮廓像素点与非轮廓像素点进行区分显示之前,还包括:
确定轮廓像素点参数,所述轮廓像素点参数用于确定轮廓线条的显示样式。
5.根据权利要求4所述的方法,其特征在于,所述轮廓像素点参数包括颜色参数和粗细参数,所述颜色参数用于控制轮廓线条的颜色,所述粗细参数用于控制轮廓线条的粗细。
6.根据权利要求1所述的方法,其特征在于,所述创建轮廓图层,还包括:
判断轮廓开关是否开启,当轮廓开关开启时,创建轮廓图层。
7.一种图片显示装置,其特征在于,所述装置包括:
图片确定模块:用于确定待显示图片;
轮廓提取模块:用于利用轮廓提取算法,确定所述待显示图片中的轮廓像素点;
轮廓图层创建模块:用于创建轮廓图层,与所述待显示图片叠加,其中,在轮廓图层中,将轮廓像素点设置为不透明状态,将非轮廓像素点设置为透明状态,所述轮廓图层中的轮廓像素点为:轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点;
显示效果附加模块:用于为所述待显示图片附加第一显示效果,所述第一显示效果用于隐藏所述待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示;在所述轮廓图层与待显示图片叠加状态下,所述第一显示效果仅作用于所述待显示图片,不作用于所述轮廓图层,其中,轮廓图层叠加在待显示图片下方或上方,以对应擦除操作时的不同轮廓显示方式。
8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现以下方法:
确定待显示图片;
利用轮廓提取算法,确定所述待显示图片中的轮廓像素点;
创建轮廓图层,与所述待显示图片叠加,其中,在轮廓图层中,将轮廓像素点设置为不透明状态,将非轮廓像素点设置为透明状态,所述轮廓图层中的轮廓像素点为:轮廓图层中与待显示图片轮廓像素点叠加后重合的像素点;
为所述待显示图片附加第一显示效果,所述第一显示效果用于隐藏所述待显示图片,并且响应于擦除操作,将待显示图片上与被擦除区域对应的隐藏部分重新显示;在所述轮廓图层与待显示图片叠加状态下,所述第一显示效果仅作用于所述待显示图片,不作用于所述轮廓图层,其中,轮廓图层叠加在待显示图片下方或上方,以对应擦除操作时的不同轮廓显示方式。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710740853.2A CN107544730B (zh) | 2017-08-25 | 2017-08-25 | 图片显示方法、装置及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710740853.2A CN107544730B (zh) | 2017-08-25 | 2017-08-25 | 图片显示方法、装置及可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107544730A CN107544730A (zh) | 2018-01-05 |
CN107544730B true CN107544730B (zh) | 2020-06-09 |
Family
ID=60958533
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710740853.2A Active CN107544730B (zh) | 2017-08-25 | 2017-08-25 | 图片显示方法、装置及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107544730B (zh) |
Families Citing this family (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109582812A (zh) * | 2018-11-21 | 2019-04-05 | 安徽云融信息技术有限公司 | 一种用于计算机图像的检索方法 |
CN109976846B (zh) * | 2019-02-22 | 2022-04-29 | 华为技术有限公司 | 一种图像处理方法、终端设备和系统 |
CN110910307B (zh) * | 2019-11-29 | 2023-09-22 | 珠海豹趣科技有限公司 | 图像处理方法、装置、终端及存储介质 |
CN111263210B (zh) * | 2020-03-23 | 2021-07-16 | 腾讯科技(深圳)有限公司 | 一种视频交互方法和相关装置 |
CN111667487A (zh) * | 2020-04-29 | 2020-09-15 | 平安科技(深圳)有限公司 | 一种图片裁剪方法、装置及计算机设备 |
CN114089852A (zh) * | 2020-07-15 | 2022-02-25 | 海信视像科技股份有限公司 | 一种显示设备、电子白板装置及白板擦除方法 |
CN114063961A (zh) * | 2020-08-10 | 2022-02-18 | 深圳市万普拉斯科技有限公司 | 息屏显示的方法、装置、设备和存储介质 |
CN114115615B (zh) * | 2020-08-10 | 2024-06-18 | 深圳市万普拉斯科技有限公司 | 界面显示方法、装置、电子设备和存储介质 |
CN113867876B (zh) * | 2021-10-08 | 2024-02-23 | 北京字跳网络技术有限公司 | 表情显示的方法、装置、设备及存储介质 |
CN114721577B (zh) * | 2022-04-18 | 2024-05-10 | 上海暖叠网络科技有限公司 | 一种猜图方法及系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2000209430A (ja) * | 1999-01-18 | 2000-07-28 | Canon Inc | 輪郭抽出装置及び方法並びに記憶媒体 |
CN105335685A (zh) * | 2014-07-22 | 2016-02-17 | 北大方正集团有限公司 | 图像识别方法和装置 |
CN106406698A (zh) * | 2016-09-09 | 2017-02-15 | 广州视睿电子科技有限公司 | 一种图片显示方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
IN2014CH02078A (zh) * | 2013-04-24 | 2015-07-03 | Morpho Inc |
-
2017
- 2017-08-25 CN CN201710740853.2A patent/CN107544730B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2000209430A (ja) * | 1999-01-18 | 2000-07-28 | Canon Inc | 輪郭抽出装置及び方法並びに記憶媒体 |
CN105335685A (zh) * | 2014-07-22 | 2016-02-17 | 北大方正集团有限公司 | 图像识别方法和装置 |
CN106406698A (zh) * | 2016-09-09 | 2017-02-15 | 广州视睿电子科技有限公司 | 一种图片显示方法及装置 |
Non-Patent Citations (1)
Title |
---|
"图像轮廓的特征描述及其单目标识别方法研究";胡大盟;《中国优秀硕士学位论文全文数据库信息科技辑》;20170115(第01期);摘要第1-2页,正文第22-23页,附图2-6(a)至2-6(d) * |
Also Published As
Publication number | Publication date |
---|---|
CN107544730A (zh) | 2018-01-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107544730B (zh) | 图片显示方法、装置及可读存储介质 | |
KR102162419B1 (ko) | 멀티모드 피드백으로 이미지를 인식하는 시스템 및 방법 | |
US10095371B2 (en) | Floating toolbar | |
US8411112B1 (en) | Systems and methods for generating an icon | |
CN111866423B (zh) | 用于电子终端的录屏方法及相应设备 | |
US20170104893A1 (en) | System and method of pixel manipulation and screen display disruption | |
US9558542B2 (en) | Method and device for image processing | |
US20140143691A1 (en) | User interface generating apparatus and associated method | |
KR20130016277A (ko) | 대화형 디스플레이 시스템 | |
CN104038807A (zh) | 一种基于OpenGL的图层混合方法及装置 | |
JP2012003689A (ja) | 情報処理装置、情報処理方法およびプログラム | |
US10901612B2 (en) | Alternate video summarization | |
WO2023087990A1 (zh) | 一种图像展示方法、装置、计算机设备及存储介质 | |
US20230153551A1 (en) | Systems and methods for recognizability of objects in a multi-layer display | |
CN113282212A (zh) | 界面显示方法、界面显示装置和电子设备 | |
CN111295693A (zh) | 影像处理方法及装置 | |
KR102463063B1 (ko) | 선택적 시차 효과들을 갖는 스택된 미디어 요소들 | |
US20150103090A1 (en) | Keyer tool | |
US20230217000A1 (en) | Multiview display system and method with adaptive background | |
CN111773708A (zh) | 一种虚拟对象的操控方法及装置 | |
CN109859328B (zh) | 一种场景切换方法、装置、设备和介质 | |
JP5655550B2 (ja) | 画像処理装置、画像処理方法およびプログラム | |
CN107038734A (zh) | 一种用于Windows系统的图像叠加文本的方法 | |
CN111328391B (zh) | 一种智能终端的图标显示方法及图标显示装置 | |
CN108257221B (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 |