[发明专利]banner横幅图片的展示方法及装置

说明书

技术领域

本申请涉及图像处理的技术领域，特别涉及banner横幅图片的展示方法及装置。

背景技术

在网络运营中，banner横幅图片是最常见的宣传图片，应用于APP(Application，应用程序)首页或频道页等。通常banner图片由三部分组成，分别为背景图层、文字图层和前景图层。如图1所示，所述背景图层是指banner图片中最底层的大面积色块；文字图层指banner图片中的营销文字；前景图层指banner图片中的产品图和修饰烘托氛围的设计元素(比如图1中的气球和彩带等)。

目前，随着移动终端的普及，越来越多的用户利用移动终端连接互联网,banner图片越来越多的在移动终端中展示。但现有技术中的banner图均为固定展示或者采取轮播的形式进行展示，不足以吸引用户关注。

因此，在现有技术中亟需一种banner横幅图片的展示方法及装置，以吸引用户注意力，提高banner图片的服务效果。

申请内容

本申请实施例中提供了一种banner横幅图片的展示方法及装置，以使banner图片的文字图层和前景图层随移动终端的移动而移动，从而吸引用户注意力，提高banner图片的服务效果。

为了解决上述技术问题，本申请实施例公开了如下技术方案：

本申请公开了一种banner横幅图片的展示方法，包括：

获取移动终端绕Y轴旋转的第一角度，所述Y轴为平面直角坐标系中的Y轴，所述平面直角坐标系为在所述移动终端的banner横幅图片的展示界面建立的；

根据所述第一角度，在背景图层上水平移动文字图层和前景图层中的至少一个；所述背景图层、文字图层和前景图层通过拆分所述banner图片获得的。

可选的，根据所述第一角度，在背景图层上水平移动文字图层和前景图层中的至少一个，包括：

根据所述第一角度，计算文字图层的第一水平位移量；

按照所述第一水平位移量，在所述背景图层上水平移动所述文字图层；

或，

根据所述第一角度，计算前景图层的第二水平位移量；

按照所述第二水平位移量，在所述背景图层上水平移动所述前景图层。

可选的，根据所述第一角度，计算文字图层的第一水平位移量，包括：

根据第一水平位移量计算公式，计算所述文字图层的第一水平位移量，所述第一水平位移量计算公式为：第一水平位移量＝第一水平移动系数*第一角度；

根据所述第一角度，计算前景图层的第二水平位移量，包括：

根据第二水平位移量计算公式，计算所述前景图层的第二水平位移量，所述第二水平位移量计算公式为：第二水平位移量＝第二水平移动系数*第一角度。

可选的，所述方法还包括：

获取所述背景图层的水平边界；

判断所述文字图层或前景图层的水平移动是否超出所述水平边界；

如果超出，停止水平移动所述文字图层或背景图层。

本申请还公开了一种banner横幅图片的展示方法，包括：

获取移动终端绕X轴旋转的第二角度，所述X轴为平面直角坐标系中的X轴，所述平面直角坐标系为在所述移动终端的banner横幅图片的展示界面建立的；

根据所述第二角度，在背景图层上竖直移动文字图层和前景图层中的至少一个；所述背景图层、文字图层和前景图层通过拆分所述banner图片获得的。

可选的，根据所述第二角度，在背景图层上竖直移动文字图层和前景图层中的至少一个，包括：

根据所述第二角度，计算文字图层的第一竖直位移量；

按照所述第一竖直位移量，在所述背景图层上竖直移动所述文字图层；

或，

根据所述第二角度，计算前景图层的第二竖直位移量；

按照所述第二竖直位移量，在所述背景图层上竖直移动所述前景图层。

可选的，根据所述第二角度，计算文字图层的第一竖直位移量，包括：

根据第一竖直位移量计算公式，计算所述文字图层的第一竖直位移量，所述第一竖 直位移量计算公式为：第一竖直位移量＝第一竖直移动系数*第二角度；

根据所述第二角度，计算前景图层的第二竖直位移量，包括：

根据第二竖直位移量计算公式，计算所述前景图层的第二竖直位移量，所述第二竖直位移量计算公式为：第二竖直位移量＝第二竖直移动系数*第二角度。

可选的，所述方法还包括：

获取所述背景图层的竖直边界；