图像处理方法、装置、电子设备及计算机存储介质
技术领域
本申请涉及计算机
技术领域
,具体而言,本申请涉及一种图像处理方法、装置、电子设备及计算机存储介质。背景技术
随着互联网技术和移动通讯技术的发展,越来越多的商家通过各种广告发布平台发布广告,将用户引导至广告相应的页面,向用户展示产品相关的信息。
随着国民品牌意识的提升,品牌商对于广告的投放数量与传播效果越来越重视。但用户面对如此巨大的广告信息量,通常会习惯性忽视,甚至感到反感。因此,需要一种能够吸引用户注意力的广告信息的展示方式,以增加广告的点击率。
发明内容
本申请实施例提供了一种图像处理方法、装置、电子设备及计算机存储介质,可以解决现有技术中存在的问题。
本申请实施例提供的具体技术方案如下:
第一方面,本申请实施例提供了一种图像处理方法,该方法包括:
基于待处理图像,得到至少两层图像,其中,至少两层图像中包括待处理图像,至少两层图像中待处理图像的图像尺寸最小,且各层图像的图像尺寸依次递增;
将至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,得到裁剪后的各图像;
按照图像尺寸由大至小的顺序,将裁剪后的各图像以及尺寸最大的图像由下至上进行叠加,得到叠加图像并发送至终端,以使终端进行显示,当终端检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。
在一种可能的实现方式中,基于待处理图像,得到至少两层图像,包括:
确定图像放大尺寸;
根据图像放大尺寸对待处理图像进行至少一次放大处理,得到每次放大处理后的图像,至少两层图像包括放大处理后的图像;
将至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,包括:
将每次放大处理后的图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,其中,放大处理后的图像尺寸越小,图像的被裁剪区域的尺寸越大。
在一种可能的实现方式中,将每次放大处理后的图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,包括:
按照预设的区域形状或各层图像所对应的裁剪尺寸中的至少一项,对每次放大后的图像中除尺寸最大的图像之外的各层图像的指定区域进行裁剪。
在一种可能的实现方式中,叠加图像中上一层图像位于下一层图像的中心区域。
在一种可能的实现方式中,特定操作包括以下任一项:
用户针对显示叠加图像的终端的第一指定动作;
用户针对叠加图像所在的显示页面的第二指定动作;
用户针对叠加图像的第三指定动作。
第二方面,本申请实施例提供了一种图像处理方法,该方法包括:
接收服务器发送的叠加图像并进行展示,叠加图像包括待处理图像和基于待处理图像得到的至少一层图像;
当检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。
在一种可能的实现方式中,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动,包括:
确定特定操作的动作方向和动作幅度信息;
根据动作幅度信息确定叠加图像中除待处理图像之外的各层图像的移动距离;
按照动作方向和移动距离,控制叠加图像中除待处理图像之外的各层图像的移动。
在一种可能的实现方式中,特定操作包括以下任一项:
用户针对显示叠加图像的终端的第一指定动作;
用户针对叠加图像所在的显示页面的第二指定动作;
用户针对叠加图像的第三指定动作。
在一种可能的实现方式中,若特定操作为第三指定动作,方法还包括:
当移动距离满足预设条件时,跳转到待处理图像对应的广告信息展示页面;
当移动距离未满足预设条件、且检测到第三指定动作撤销时,控制叠加图像的展示状态恢复至检测到第三指定动作之前的状态。
第三方面,本发明实施例提供了一种图像处理装置,该装置包括:
处理模块,用于基于待处理图像,得到至少两层图像,其中,至少两层图像中包括待处理图像,至少两层图像中待处理图像的图像尺寸最小,且各层图像的图像尺寸依次递增;
裁剪模块,用于将至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,得到裁剪后的各图像;
叠加模块,用于按照图像尺寸由大至小的顺序,将裁剪后的各图像以及尺寸最大的图像由下至上进行叠加,得到叠加图像并发送至终端,以使终端进行显示,当终端检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。
第四方面,本发明实施例提供了一种图像处理装置,该装置包括:
展示模块,用于接收服务器发送的叠加图像并进行展示,叠加图像包括待处理图像和基于待处理图像得到的至少一层图像;
控制模块,用于当检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。
第五方面,本发明实施例还提供了一种电子设备,该电子设备包括一个或多个处理器;存储器;一个或多个计算机程序,其中一个或多个计算机程序被存储在存储器中并被配置为由一个或多个处理器执行,一个或多个程序被配置用于执行如本申请的第一方面或第二方面所示的方法。
第六方面,本发明实施例还提供了一种计算机可读存储介质,计算机可读存储介质用于存储计算机程序,当计算机程序在处理器上运行时,使得处理器可以执行如本申请的第一方面或第二方面所示的方法。
本申请提供的技术方案带来的有益效果是:
本申请提供了一种图像处理方法、装置、电子设备及计算机存储介质,服务器基于待处理图像,得到至少两层图像,其中,至少两层图像中包括待处理图像,至少两层图像中待处理图像的图像尺寸最小,且各层图像的图像尺寸依次递增;将至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,得到裁剪后的各图像;按照图像尺寸由大至小的顺序,将裁剪后的各图像以及尺寸最大的图像由下至上进行叠加,得到叠加图像并发送至终端,以使终端进行显示,当终端检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。本申请所提供的技术方案,通过对静态的图像进行处理,在无需建模,也不会使图像产生畸变的情况下,使处理后的图像根据用户的特定操作呈现动态变化效果,丰富了图像展示形态,吸引用户进行互动,提升用户体验。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对本申请实施例描述中所需要使用的附图作简单地介绍。
图1为本申请实施例提供的图像处理方法的流程图;
图2为本申请实施例提供的图像叠加处理过程的示意图;
图3a-3d为本申请实施例提供的图像动态变化过程的示意图;
图4为本申请实施例提供的图像处理方法的流程图;
图5为本申请实施例提供的图像处理装置的结构示意图;
图6为本申请实施例提供的图像处理装置的结构示意图;
图7为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本申请,而不能解释为对本申请的限制。
本技术领域技术人员可以理解,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解,当我们称元件被“连接”或“耦接”到另一元件时,它可以直接连接或耦接到其他元件,或者也可以存在中间元件。此外,这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。
本申请实施例提供了一种图像处理方法,如图1所示,该方法包括:
步骤S101,基于待处理图像,得到至少两层图像,其中,至少两层图像中包括待处理图像,至少两层图像中待处理图像的图像尺寸最小,且各层图像的图像尺寸依次递增;
其中,本申请实施例所提供的方法的执行主体具体可以为服务器。待处理图像可以是与广告信息相关的图像,具体可以是广告信息的静态展示图像,视频文件的预览图像等。现有技术中,是通过静态展示的方式将待处理图像展示在页面中。本申请为了使静态图像呈现动态效果,将待处理图像处理成至少两层图像,作为图像动态变化的各帧图像。
待处理图像的尺寸等于页面展示容器能够展示的最大图片尺寸,将各层图像处理成尺寸依次增大的图像,超出容器能够展示的尺寸范围之外的部分图像不展示。
在一示例中,假设待处理图像为视频文件的预览图像,视频中图像的尺寸为1280×720像素,则待处理图像的尺寸等于1280×720像素,将待处理图像处理之后的各层图像的尺寸大于待处理图像的尺寸。
其中,将待处理图像处理成的层级越多,图像的动态效果越好,但是,考虑到终端的加载速度,一般情况下,可以将待处理图像处理成7-10层。
步骤S102,将至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,得到裁剪后的各图像;
将待处理图像处理成尺寸依次递增的各层图像之后,将除了尺寸最大的图像之外的图像的内部区域进行裁剪,待处理图像的内部区域也进行裁剪,得到裁剪处理后的各图像。
对于将待处理图像处理成各层图像的具体处理方式,见如下实施例:
在一种可能的实现方式中,基于待处理图像,得到至少两层图像,包括:
确定图像放大尺寸;
根据图像放大尺寸对待处理图像进行至少一次放大处理,得到每次放大处理后的图像,至少两层图像包括放大处理后的图像;
将至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,包括:
将每次放大处理后的图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,其中,放大处理后的图像尺寸越小,图像的被裁剪区域的尺寸越大。
在实际应用中,待处理图像的形状可以是任意形状,将待处理图像进行处理得到的各层图像的形状和待处理图像均相同。在将待处理图像处理成各层图像时,首先确定图像放大尺寸,其中,图像放大尺寸可以是指图像宽度的放大尺寸或高度的放大尺寸中的至少一种,例如,图像放大尺寸为图像宽度的放大尺寸,具体可以为每次处理时图像宽度上所放大的图像像素个数(如图像宽度上两侧均放大N个像素),则在基于图像放大尺寸进行一次放大处理时,可以按照该尺寸放大图像的宽度,另外,可以控制放大后的图像的宽高比等于待处理图像的宽高比,从而得到一次放大处理后的图像,再次进行放大处理时,则可以是在上一次放大处理后的图像的基础上再次进行同样的图像放大处理,得到再次放大后的图像。例如,当待处理图像为矩形时,则处理之后的各层图像均为矩形,确定放大之后的各层图像的宽度和高度,按照放大之后的宽度和高度对待处理图像进行放大。
当各层图像均为矩形时,各层图像的尺寸可以根据如下公式计算:
第L层图像宽度=W+L*2*N(1)
第L层图像高度=第L层图像宽度/W*H(2)
其中,W表示待处理图像的宽度;H表示待处理图像的高度;L表示层数;2N表示各层图像的间距,也就是相邻层图像相差的像素数。
可见,该示例中,各层图像之间的宽高比是保持不变的,均等于待处理图像的宽高比,相邻层图像之间的图像宽度上的像素数量之差为2N。
在一示例中,假设待处理图像的尺寸为1280×720,各层图像共包括4层图像,按照图像尺寸由大到小的尺寸,可以将4层图像分别记为第0层图像、第1层图像、……、第3层图像。设N=200,根据公式(1)得到由最下层到最上层的各层图像的宽度如下:
第0层图像宽度:1280=1280+0
第1层图像宽度:1680=1280+(200+200)
第2层图像宽度:2080=1280+(200+200+200+200)
第3层图像宽度:2480=1280+(200+200+200+200+200+200)
其中,第0层图像为待处理图像,根据公式(2)得到各层图像的高度,按照各层图像的宽度和高度将待处理图像放大处理成各层图像。
然后,将每次放大处理后的各层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,各层图像被裁减区域的形状相同,尺寸不同,放大处理后的图像尺寸越小,图像的被裁减区域的尺寸越大,由下层到上层,各层被裁减区域的尺寸可以等比例增大。
本实施例中,将裁剪之后的各层图像进行叠加,可以使各层图像根据用户的特定操作,在三维空间进行移动,展示三维动态效果。
对于将各层图像内部区域进行裁剪的具体实现方式,见如下实施例。
在一种可能的实现方式中,将每次放大处理后图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,包括:
按照预设的区域形状或各层图像所对应的裁剪尺寸中的至少一项,对每次放大后的图像中除尺寸最大的图像之外的各层图像的指定区域进行裁剪。
在实际应用中,指定区域可以是图像的内部区域,各层图像的被裁减的内部区域的形状可以为任意形状,各层图像被裁减的内部区域的形状相同,尺寸不同,放大处理后的图像尺寸越小,图像的被裁减区域的尺寸越大,由下层到上层,各层被裁减区域的尺寸可以等比例增大,可以按照各层的预设的区域形状和/或裁剪尺寸,对各层图像的指定区域进行裁剪,其中,各层图像被裁减区域的中心可以重合,各边相互平行,以在控制这样叠加之后的图像中各层图像的运动时,为用户呈现出更好的三维动态效果。
例如,上述示例中,假设各层图像均为矩形,第0层图像被裁减的内部区域的尺寸占该层图像尺寸的80%;第1层图像被裁减的内部区域的尺寸占该层图像尺寸的60%;第2层图像被裁减的内部区域的尺寸占该层图像尺寸的40%;第3层图像为尺寸最大的图像,内部区域不进行裁剪。
步骤S103,按照图像尺寸由大至小的顺序,将裁剪后的各图像以及尺寸最大的图像由下至上进行叠加,得到叠加图像并发送至终端,以使终端进行显示,当终端检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。
将裁剪后的各图像以及尺寸最大的图像按照尺寸由大至小的顺序,将各层图像由下至上进行叠加,呈金字塔形,由于待处理图像尺寸最小,则处于金字塔的最顶层,服务器将叠加图像发送至终端进行显示。
当终端检测到用户的特定操作时,根据特定操作控制除待处理图像之外的各层图像向同方向移动,基于该方式,可以在无需建模,不会使图像产生畸变的情况下,在页面中呈现图像的动态变化效果,以这种方式对广告相关图像进行处理,丰富了图像展示形态,避免了用户对广告的反感情绪,吸引用户进行互动,提升用户体验。
当将各层图像进行叠加时,需要按照一定的方式进行叠加,以保证叠加之后得到的叠加图像展示给用户时,与待处理图像展示给用户的内容相同。
在一种可能的实现方式中,叠加图像中上一层图像位于下一层图像的中心区域。
在实际应用中,将各层图像按照从大到小的顺序,由下至上进行叠加,当各层图像的形状为规则几何图形时,根据图像各顶点的位置能够确定图像的中心位置,图像内部到图像各顶点距离相同的位置即为中心位置(若图像的形状为圆形,则圆心为中心位置),根据中心位置能够确定出图像的中心区域,将叠加图像中尺寸较小的上一层图像置于尺寸较大的下一层图像的中心区域,将各层图像的中心重合,并且将尺寸较小的上一层图像的各边、与相应的尺寸较大的下一层图像的各边相平行进行叠加,这样才能保证叠加图像与待处理图像展示给用户的内容相同,不影响用户浏览原图像(也就是待处理图像)的内容。
另外,用户的特定操作可以是针对终端的,也可以是针对显示页面的,还可以是针对叠加图像的,具体内容见如下实施例。
在一种可能的实现方式中,特定操作包括以下任一项:
用户针对显示叠加图像的终端的第一指定动作;
用户针对叠加图像所在的显示页面的第二指定动作;
用户针对叠加图像的第三指定动作。
在实际应用中,用户针对显示叠加图像的终端的第一指定动作可以是能够触发终端内置的陀螺仪发生角度变化的动作,例如,摇晃终端等;用户针对叠加图像所在的显示页面的第二指定动作具体可以是触发显示页面上下/左右移动的动作,例如,通过手势上下/左右滑动显示页面、通过鼠标上下滚动页面等;用户针对叠加图像的第三指定动作具体可以是针对叠加图像的上下左右滑动、拖动等动作。当终端检测到针对终端的、针对显示页面的、针对叠加图像中的任一项的指定动作,则触发各层图像移动,呈现动态变化效果。
本申请提供的图像处理方法,服务器基于待处理图像,得到至少两层图像,其中,至少两层图像中包括待处理图像,至少两层图像中待处理图像的图像尺寸最小,且各层图像的图像尺寸依次递增;将至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,得到裁剪后的各图像;按照图像尺寸由大至小的顺序,将裁剪后的各图像以及尺寸最大的图像由下至上进行叠加,得到叠加图像并发送至终端,以使终端进行显示,当终端检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。本申请所提供的技术方案,通过对静态的图像进行处理,在无需建模,也不会使图像产生畸变的情况下,使处理后的图像根据用户的特定操作呈现动态变化效果,丰富了图像展示形态,吸引用户进行互动,提升用户体验。
下面以终端为执行主体对本申请技术方案进行详细描述。
本申请实施例提供了一种图像处理方法,如图4所示,该方法包括:
步骤S401,接收服务器发送的叠加图像并进行展示,叠加图像包括待处理图像和基于待处理图像得到的至少一层图像;
其中,本申请实施例所提供的方法的执行主体具体可以为用户的终端,如用户的电脑、手机等。其中,待处理图像可以是与广告信息相关的图像,具体可以是广告信息的静态展示图像,视频文件的预览图像等。现有技术中,是通过静态展示的方式将待处理图像展示在页面中。本申请为了使静态图像呈现动态效果,将待处理图像处理成至少两层图像,作为图像动态变化的各帧图像。
其中,叠加图像包括待处理图像和基于待处理图像得到的至少一层图像。基于待处理图像得到叠加图像的具体过程包括:
基于待处理图像,得到至少两层图像,其中,至少两层图像中包括待处理图像,至少两层图像中待处理图像的图像尺寸最小,且各层图像的图像尺寸依次递增;将至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,得到裁剪后的各图像;按照图像尺寸由大至小的顺序,将裁剪后的各图像以及尺寸最大的图像由下至上进行叠加,得到叠加图像。
步骤S402,当检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。
当终端检测到用户的特定操作时,根据特定操作控制除待处理图像之外的各层图像向同方向移动,基于该方式,可以在无需建模,不会使图像产生畸变的情况下,在页面中呈现图像的动态变化效果,以这种方式对广告相关图像进行处理,丰富了图像展示形态,避免了用户对广告的反感情绪,吸引用户进行互动,提升用户体验。
其中,用户的特定操作可以是针对终端的,也可以是针对显示页面的,还可以是针对叠加图像的,具体内容见如下实施例。
在一种可能的实现方式中,特定操作包括以下任一项:
用户针对显示叠加图像的终端的第一指定动作;
用户针对叠加图像所在的显示页面的第二指定动作;
用户针对叠加图像的第三指定动作。
在实际应用中,用户针对显示叠加图像的终端的第一指定动作可以是能够触发终端内置的陀螺仪发生角度变化的动作,例如,摇晃终端等;用户针对叠加图像所在的显示页面的第二指定动作具体可以是触发显示页面上下/左右移动的动作,例如,通过手势上下/左右滑动显示页面、通过鼠标上下滚动页面等;用户针对叠加图像的第三指定动作具体可以是针对叠加图像的上下左右滑动、拖动等动作。当终端检测到针对终端的、针对显示页面的、针对叠加图像中的任一项的指定动作,则触发各层图像移动,呈现动态变化效果。
终端检测到的特定操作的动作不同,则各层图像实现动态变化的显示效果可以不同,具体的实现方式见如下实施例。
在一种可能的实现方式中,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动,包括:
确定特定操作的动作方向和动作幅度信息;
根据动作幅度信息确定叠加图像中除待处理图像之外的各层图像的移动距离;
按照动作方向和移动距离,控制叠加图像中除待处理图像之外的各层图像的移动。
在实际应用中,预先将用户的特定操作的动作幅度信息与叠加图像中除待处理图像之外的各层图像移动的距离建立关联关系,当终端检测到特定操作时,可以确定特定操作的动作方向和动作幅度信息,并根据上述关联关系,确定出当前特定操作的动作幅度信息所对应的叠加图像中除待处理图像之外的各层图像移动的距离,按照动作方向和移动距离控制各层图像移动。各层图像移动的方向可以和特定操作的动作方向相同,也可以不同,各层图像移动的距离可以相同,均为按照上述关联关系确定的距离。本申请实施例中,可以根据用户的特定动作的动作方向和动作幅度信息控制叠加图像中除待处理图像之外的各层图像移动,呈现动态变化效果,吸引用户的注意。
在一种可能的实现方式中,若特定操作为第三指定动作,方法还包括:
当移动距离满足预设条件时,跳转到待处理图像对应的广告信息展示页面;
当移动距离未满足预设条件、且检测到第三指定动作撤销时,控制叠加图像的展示状态恢复至检测到第三指定动作之前的状态。
在实际应用中,预先将用户针对叠加图像的第三指定动作的动作方向和动作幅度分别与叠加图像中除待处理图像之外的各层图像移动的方向和距离建立关联关系,当终端检测到针对叠加图像的第三指定动作时,确定第三指定动作的动作方向和动作幅度信息,根据上述关联关系,确定出第三指定动作的动作幅度信息所对应的叠加图像中除待处理图像之外的各层图像的移动距离,根据第三指定动作的动作方向确定各层图像移动的方向,各层图像移动的方向可以和第三指定动作的动作方向相同,也可以不同。
当移动距离满足预设条件时,例如,当各层图像向某一方向移动的距离大于或等于预设距离阈值时,则跳转到待处理图像对应的广告信息展示页面或者相应的其他页面。
当移动距离未满足预设条件,例如,各层图像向某一方向的移动距离小于预设距离阈值、且检测到第三指定动作撤销时,则终端控制叠加图像的展示状态恢复至检测到第三指定动作之前的状态。在一示例中,用户用手指点击叠加图像并拖动(或者通过鼠标点击图像按压拖动)的过程中,各层图像的移动距离小于预设距离阈值,用户手指离开终端显示屏(或者鼠标停止按压)没有继续拖动,也就是动作撤销,则各层图像向拖动的反方向移动回到移动前的位置。
在一可选示例中,还可以基于移动距离确定各层图像的移动面积,通过移动面积是否满足预设条件来确定各层图像如何进行移动。可以通过各层图像移动的面积是否满足预设条件来确定跳转到广告信息展示页面或者反方向回到移动前的初始位置。
本实施例提供的图像处理方法,终端接收服务器发送的叠加图像并进行展示,叠加图像包括待处理图像和基于待处理图像得到的至少一层图像;当检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。本申请所提供的技术方案,通过对静态的图像进行处理,在无需建模,也不会使图像产生畸变的情况下,使处理后的图像根据用户的特定操作呈现动态变化效果,丰富了图像展示形态,吸引用户进行互动,提升用户体验。
为了便于理解本申请技术方案的实现过程,下面通过一个具体的实施例来对待处理图像进行处理和叠加展示的过程进行详细说明。
如图2所示,图2中的A为待处理图像(如图中所示的A.一张广告图),将待处理图像进行放大处理,得到7张放大处理后的各层图像,并将各层图像中除了尺寸最大的图像之外的图像的内部区域进行裁剪,随着各层图像尺寸的增大,内部区域裁剪的尺寸递减,得到裁剪后的各层图像,将裁剪后的各层图像按照上一层图像位于下一层图像的中心区域的方式(如图2中的B.空间分层处理),将各层图像进行叠加,得到叠加图像,叠加图像的正视图在页面中进行展示时,如图2中的C.正视图合成效果。
图3a-3d示出了图2中合成的图像根据用户的特定操作呈现动态变化的过程。将图2中合成的图像在终端的页面中进行展示,如图3a所示;当用户点击叠加图像并向右滑动时,除待处理图像之外的各层图像依次向右移动,如图3b所示;当用户点击叠加图像并向左滑动时,除待处理图像之外的各层图像依次向左移动,如图3c所示;当用户点击叠加图像并向上滑动时,除待处理图像之外的各层图像依次向上移动,如图3d所示。
基于与图1中所示方法相同的原理,本申请实施例中还提供了一种图像处理装置20,如图5所示,该图像处理装置20包括:
处理模块21,用于基于待处理图像,得到至少两层图像,其中,所述至少两层图像中包括所述待处理图像,所述至少两层图像中所述待处理图像的图像尺寸最小,且各层图像的图像尺寸依次递增;
裁剪模块22,用于将所述至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,得到裁剪后的各图像;
叠加模块23,用于按照图像尺寸由大至小的顺序,将裁剪后的各图像以及所述尺寸最大的图像由下至上进行叠加,得到叠加图像并发送至终端,以使所述终端进行显示,当所述终端检测到用户的特定操作时,根据所述特定操作控制所述叠加图像中除所述待处理图像之外的各层图像进行移动。
在一种可能的实现方式中,处理模块21,用于:
确定图像放大尺寸;
根据图像放大尺寸对待处理图像进行至少一次放大处理,得到每次放大处理后的图像,至少两层图像包括放大处理后的图像;
裁剪模块22,用于:
将每次放大处理后的图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,其中,放大处理后的图像尺寸越小,图像的被裁剪区域的尺寸越大。
在一种可能的实现方式中,裁剪模块22在将每次放大处理后的图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪时,用于:
按照预设的区域形状或各层图像所对应的裁剪尺寸中的至少一项,对每次放大后的图像中除尺寸最大的图像之外的各层图像的指定区域进行裁剪。
在一种可能的实现方式中,叠加图像中上一层图像位于下一层图像的中心区域。
在一种可能的实现方式中,特定操作包括以下任一项:
用户针对显示叠加图像的终端的第一指定动作;
用户针对叠加图像所在的显示页面的第二指定动作;
用户针对叠加图像的第三指定动作。
本申请实施例的图像处理装置可执行本申请的实施例所提供的图像处理方法,其实现原理相类似,本申请各实施例中的图像处理装置中的各模块所执行的动作是与本申请各实施例中的图像处理方法中的步骤相对应的,对于图像处理装置的各模块的详细功能描述具体可以参见前文中所示的对应的图像处理方法中的描述,此处不再赘述。
本实施例提供的图像处理装置,基于待处理图像,得到至少两层图像,其中,至少两层图像中包括待处理图像,至少两层图像中待处理图像的图像尺寸最大,且各层图像的图像尺寸依次递减;按照图像尺寸由大至小的顺序,将各层图像由下至上进行叠加,得到叠加图像并显示给用户;当检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像的移动,以将具有动态变化效果的图像展示给用户。本申请所提供的技术方案,通过对静态的图像进行处理,在无需建模,也不会使图像产生畸变的情况下,使处理后的图像根据用户的特定操作呈现动态变化效果,丰富了图像展示形态,吸引用户进行互动,提升用户体验。
基于与图4中所示方法相同的原理,本申请实施例中还提供了一种图像处理装置30,如图6所示,该图像处理装置30包括:
展示模块31,用于接收服务器发送的叠加图像并进行展示,叠加图像包括待处理图像和基于待处理图像得到的至少一层图像;
控制模块32,用于当检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。
在一种可能的实现方式中,控制模块32,用于:
确定特定操作的动作方向和动作幅度信息;
根据动作幅度信息确定叠加图像中除待处理图像之外的各层图像的移动距离;
按照动作方向和移动距离,控制叠加图像中除待处理图像之外的各层图像的移动。
在一种可能的实现方式中,特定操作包括以下任一项:
用户针对显示叠加图像的终端的第一指定动作;
用户针对叠加图像所在的显示页面的第二指定动作;
用户针对叠加图像的第三指定动作。
在一种可能的实现方式中,若特定操作为第三指定动作,图像处理装置30还包括跳转模块,跳转模块用于:
当移动距离满足预设条件时,跳转到待处理图像对应的广告信息展示页面;
当移动距离未满足预设条件、且检测到第三指定动作撤销时,控制叠加图像的展示状态恢复至检测到第三指定动作之前的状态。
本申请实施例的图像处理装置可执行本申请的实施例所提供的图像处理方法,其实现原理相类似,本申请各实施例中的图像处理装置中的各模块所执行的动作是与本申请各实施例中的图像处理方法中的步骤相对应的,对于图像处理装置的各模块的详细功能描述具体可以参见前文中所示的对应的图像处理方法中的描述,此处不再赘述。
本实施例提供的图像处理装置,终端接收服务器发送的叠加图像并进行展示,叠加图像包括待处理图像和基于待处理图像得到的至少一层图像;当检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。本申请所提供的技术方案,通过对静态的图像进行处理,在无需建模,也不会使图像产生畸变的情况下,使处理后的图像根据用户的特定操作呈现动态变化效果,丰富了图像展示形态,吸引用户进行互动,提升用户体验。
上述实施例从虚拟模块的角度介绍了图像处理装置,下述从实体模块的角度介绍一种电子设备,具体如下所示:
本申请实施例提供了一种电子设备,如图7所示,图7所示的电子设备9000包括:处理器9001和存储器9003。其中,处理器9001和存储器9003相连,如通过总线9002相连。可选地,电子设备9000还可以包括收发器9004。需要说明的是,实际应用中收发器9004不限于一个,该电子设备9000的结构并不构成对本申请实施例的限定。
处理器9001可以是CPU,通用处理器,GPU,DSP,ASIC,FPGA或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框,模块和电路。处理器9001也可以是实现计算功能的组合,例如包含一个或多个微处理器组合,DSP和微处理器的组合等。
总线9002可包括一通路,在上述组件之间传送信息。总线9002可以是PCI总线或EISA总线等。总线9002可以分为地址总线、数据总线、控制总线等。为便于表示,图7中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
存储器9003可以是ROM或可存储静态信息和指令的其他类型的静态存储设备,RAM或者可存储信息和指令的其他类型的动态存储设备,也可以是EEPROM、CD-ROM或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。
存储器9003用于存储执行本申请方案的应用程序代码,并由处理器9001来控制执行。处理器9001用于执行存储器9003中存储的应用程序代码,以实现前述任一方法实施例所示的内容。
本申请实施例提供了一种电子设备,本申请实施例中的电子设备包括:一个或多个处理器;存储器;一个或多个计算机程序,其中一个或多个计算机程序被存储在存储器中并被配置为由一个或多个处理器执行,一个或多个程序被处理器执行时,基于待处理图像,得到至少两层图像,其中,至少两层图像中包括待处理图像,至少两层图像中待处理图像的图像尺寸最小,且各层图像的图像尺寸依次递增;将至少两层图像中除尺寸最大的图像之外的各层图像进行内部区域裁剪,得到裁剪后的各图像;按照图像尺寸由大至小的顺序,将裁剪后的各图像以及尺寸最大的图像由下至上进行叠加,得到叠加图像并发送至终端,以使终端进行显示,当终端检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。或者
接收服务器发送的叠加图像并进行展示,叠加图像包括待处理图像和基于待处理图像得到的至少一层图像;当检测到用户的特定操作时,根据特定操作控制叠加图像中除待处理图像之外的各层图像进行移动。
本申请实施例提供了一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,当计算机程序在处理器上运行时,使得处理器可以执行前述方法实施例中相应内容。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
以上所述仅是本发明的部分实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
- 上一篇:石墨接头机器人自动装卡簧、装栓机
- 下一篇:针对水印载体的水印处理方法及装置