图像显示方法、系统、计算机可读存储介质和计算机设备技术方案

技术编号:17704441 阅读:51 留言:0更新日期:2018-04-14 17:34
本发明专利技术涉及一种图像显示方法和系统,图像显示方法包括以下步骤:获取预先设置在图像上的方向路径;在所述图像上覆盖一个图形,并控制所述图形沿着所述方向路径移动;所述图像的原始状态为不可见状态;在所述图形移动过程中,将所述图像上与所述图形重叠的第一目标显示区域的显示状态设置为可见状态。上述图像显示方法和系统,可以根据图像的内容灵活地设置图像的动画方案,提高图像动画显示方法的灵活性。

【技术实现步骤摘要】
图像显示方法、系统、计算机可读存储介质和计算机设备
本专利技术涉及图像演示
,特别是涉及一种图像显示方法、系统、计算机可读存储介质和计算机设备。
技术介绍
软件演示是通过软件进行信息传达。在用软件演示图像时,为了使演示生动有趣,并且清晰地展示内容的逻辑,往往需要对图像进行动画演示。在对图像进行动画演示时,需要设置图像的显示方案以及隐藏方案。传统的方案都是按照动画模板对动画进行处理,并不能根据具体的图像内容来显示图像。比方说一个图像上的内容是一串螺旋状的文字,则传统的方法并不能按螺旋状文字内容对图像进行螺旋状的动画显示,只能直接应用演示软件中的动画模板,设置图像从左到右,从上到下,从里向外等模板类型的动画来显示图像。综上所述,传统的图像动画显示方法灵活性低。
技术实现思路
基于此,有必要针对传统的图像动画显示方法灵活性低的问题,本专利技术实施例提供一种图像显示方法和系统。一方面,本专利技术实施例提供一种图像显示方法,包括以下步骤:获取预先设置在图像上的方向路径;在所述图像上覆盖一个图形,并控制所述图形沿着所述方向路径移动;所述图像的原始状态为不可见状态;在所述图形移动过程中,显示所述图像上与所述图形重叠的第一目标显示区域的图像内容。另一方面,本专利技术实施例提供一种图像显示系统,包括:获取模块,用于获取预先设置在图像上的方向路径;绘制模块,用于在所述图像上覆盖一个图形,并控制所述图形沿着所述方向路径移动;所述图像的原始状态为不可见状态;显示模块,用于在所述图形移动过程中,显示所述图像上与所述图形重叠的第一目标显示区域的图像内容。进一步地,本专利技术还提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述的图像显示方法。更进一步地,本专利技术还提供一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述的图像显示方法。上述图像显示方法、系统、计算机可读存储介质和计算机设备,通过在图像上绘制方向路径,并控制一个图形沿着方向路径移动,将图像上与图形重叠的第一目标显示区域的显示状态设置为可见状态,可以根据图像的内容灵活地设置图像的动画方案,提高图像动画显示方法的灵活性。附图说明图1为本专利技术一个实施例的图像显示方法步骤示意图;图2为本专利技术一个实施例中圆周率的图片;图3为本专利技术一个实施例中圆周率的图片内容呈现的顺序示意图;图4为本专利技术一个实施例中在圆周率的图片上绘制方向路径的示意图;图5为本专利技术一个实施例中在圆周率的图片上提供默认宽度线条的示意图;图6为本专利技术一个实施例中在图片上默认宽度线条上的设有调节点的示意图;图7为本专利技术一个实施例中在圆周率的图片上方向路径的坐标示意图;图8为本专利技术一个实施例中圆形在方向路径上移动的示意图;图9为本专利技术一个实施例中圆周率的图片的动画显示示意图;图10为本专利技术一个实施例的图像显示系统结构示意图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本专利技术进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本专利技术,并不用于限定本专利技术。下面结合图1阐述图像显示方法的实施例。图1为本专利技术一个实施例的图像显示方法步骤示意图,包括以下步骤:S101,获取预先设置在图像上的方向路径;具体地,图像可以是静态的图片也可以是动态的视频,本专利技术实施例中以静态的图片为例对本专利技术的方案进行详细的介绍。其中,方向路径为代表方向的直线或曲线,可以使用绘图工具创建任意形状的方向路径,方向路径没有粗细的概念,只代表方向。方向路径可以分为开放的方向路径和封闭的方向路径两种,可以根据具体图像的内容以及要显示的动画方案选择方向路径的类型。可以通过绘图工具在图像上根据图像的目标显示区域以及目标显示区域的显示顺序绘制方向路径,使得目标显示区域按显示顺序进行动画显示。在一个具体的实施例中,在步骤S101之前还可以包括以下步骤:在图像上绘制方向路径。即,该方向路径可以预先绘制在图像上。在图像上绘制方向路径就可以根据图像的具体内容和想要呈现的动画效果来灵活地绘制方向路径,进而灵活地设置图像的动画方案。具体地,在一个实施例中,可以通过以下步骤在图像上绘制图像的方向路径:在图像上设置起点坐标、节点坐标和终点坐标;根据所述起点坐标、节点坐标和终点坐标生成所述方向路径。上述实施例中,节点代表的是可拖动的支点,节点之间可以由线段连接,通过调整节点的位置就可以调整线段的长度和位置。起点、节点和终点构成的曲线就是方向路径。上述实施例,通过在方向路径上设置起点坐标、节点坐标和终点坐标来确定构成方向路径的曲线的长度和具体的形状,在图像上绘制方向路径就可以根据图像的具体内容和想要呈现的动画效果来灵活地绘制方向路径,进而灵活地设置图像的动画方案。可选的,在一个实施例中,节点的数量可以为多个,各个节点的位置可以调整。当节点的数量为多个时,可以将起点、各个节点和终点进行连接构成一条曲线,将该曲线设为方向路径。上述实施例,通过在方向路径上设置多个节点来灵活地调整方向路径的长度和形状,在图像上绘制方向路径就可以根据图像的具体内容和想要呈现的动画效果来灵活地绘制方向路径,进而灵活地设置图像的动画方案。另外,在本方案的一个实施例中,在图像上绘制方向路径之前可以将图像导入演示软件中,选中图片,控制图片进入编辑路径的状态,可以使用贝赛尔曲线所构成的一段闭合或者开放的曲线段来表示方向路径。贝塞尔曲线是应用于二维图形应用程序的数学曲线,一般的矢量图形软件通过它来精确画出曲线,贝塞尔曲线由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮筋,我们在绘图工具上看到的钢笔工具就是来做这种矢量曲线的。贝塞尔曲线是计算机图形学中相当重要的参数曲线,在一些比较成熟的位图软件中也有贝塞尔曲线工具,比如PhotoShop,Flash5等都提供了贝塞尔曲线工具。上述实施例中,通过贝赛尔曲线来绘制方向路径可以使得设计师在计算机上绘制曲线就像使用常规作图工具一样得心应手。在另一个实施例中,在获取预先设置在图像上的方向路径之后,还可以包括以下步骤:在所述方向路径上绘制预设宽度的线条;根据线条的宽度调整所述图形的尺寸。上述实施例中,一般在演示软件中,在图像上绘制完方向路径之后,会提供一个默认宽度的线条,这个线条的宽度是可以调整的。这个线条所在的区域就是动画执行时真正呈现的区域。上述实施例,通过调整线条的宽度可以覆盖合适的图像内容,灵活地调整动画方案,可以根据图像内容显示独特的动画。具体的,在一个实施例中,可以根据以下方法调整线条的粗细:在所述线条的各个边界上选取调节点;通过调节所述调节点的位置来调节线条的粗细。上述实施例中,线条的上下边界上可以各分布一个调节点,通过调整上下边界上调节点的位置来调节线条的粗细。线条越粗,同样长度的线条所呈现的图像区域的面积就越大。上述实施例,通过在线条的边界上设置调节点,使得线条的宽度可以调整,进而通过调整线条的宽度覆盖合适的图像内容,灵活地调整动画方案,可以根据图像内容显示独特的动画。S102,在所述图像上覆盖一个图形,并控制所述图形沿着所述方向路径移动;所述图像的原始状态为不可见状态;在一个具体的实施例中,图像上覆盖的图形可以是半透明的圆形,也本文档来自技高网...
图像显示方法、系统、计算机可读存储介质和计算机设备

【技术保护点】
一种图像显示方法,其特征在于,包括以下步骤:获取预先设置在图像上的方向路径;在所述图像上覆盖一个图形,并控制所述图形沿着所述方向路径移动;所述图像的原始状态为不可见状态;在所述图形移动过程中,显示所述图像上与所述图形重叠的第一目标显示区域的图像内容。

【技术特征摘要】
1.一种图像显示方法,其特征在于,包括以下步骤:获取预先设置在图像上的方向路径;在所述图像上覆盖一个图形,并控制所述图形沿着所述方向路径移动;所述图像的原始状态为不可见状态;在所述图形移动过程中,显示所述图像上与所述图形重叠的第一目标显示区域的图像内容。2.根据权利要求1所述的图像显示方法,其特征在于,在显示所述图像上与所述图形重叠的第一目标显示区域的图像内容之后,还包括以下步骤:在所述图形相对于所述第一目标显示区域移动之后,仍然显示所述第一目标显示区域的图像内容。3.根据权利要求1所述的图像显示方法,其特征在于,在获取预先设置在图像上的方向路径之后,还包括以下步骤:在所述方向路径上绘制预设宽度的线条;根据线条的宽度调整所述图形的尺寸。4.根据权利要求3所述的图像显示方法,其特征在于,在所述方向路径上绘制预设宽度的线条之后,还包括以下步骤:在所述线条的各个边界上选取调节点;通过调节所述调节点的位置来调节线条的粗细。5.根据权利要求1所述的图像显示方法,其特征在于,在获取预先设置在图像上的方向路径之前,还包括以下步骤:在所述图像上绘制方向路径。6.根据权利要求5所述的图像显示方法,其特征在于,在所述图像上绘制方向路径之前,还包括以下步骤:...

【专利技术属性】
技术研发人员:付金祥
申请(专利权)人:广州视睿电子科技有限公司广州视源电子科技股份有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1