CN115713465B - 平面图像的立体展示方法及装置、存储介质、终端 - Google Patents

Abstract

本发明公开了一种平面图像的立体展示方法及装置、存储介质、终端，涉及图像处理技术领域，主要目的在于解决平面图像的立体展示的实现效率较低的问题。主要包括获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数；根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转得到第二旋转图像；通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面。主要用于立体展示平面图像。

Description

平面图像的立体展示方法及装置、存储介质、终端

技术领域

本发明涉及图像处理技术领域，特别是涉及一种平面图像的立体展示方法及装置、存储介质、终端。

背景技术

随着网络技术的发展，网络已经成为人们生活的一部分，人们可以通过形形色色的应用程序(APP)满足不同的生活需求。例如，通过购物APP购物，通过阅读APP读书、追小说，通过视频平台看电影、追剧。人们对APP中内容的展示形式已经从实用要求转变为追求更优视觉效果的需求，传统的图像以单纯平面的展示形式已无法满足大众的审美需求，致使有些应用程序将图像的展示形式调整为了立体展示。

目前图像立体展示的效果通常是通过专业的美工人员基于绘图设计软件来完成的。例如，某小说需要在平台上架，则先由美工人员设计此款小说的立体效果宣传图，进而由前端开发人员将立体效果宣传图展示到页面中。但是，此方法且人力成本较高，完成效率较低，特别是针对全平台范围的图像展示形式调整的情况，完全基于人工对每张图像进行处理，做出对应的立体显示效果图，这样的工作量是巨大的，需要耗费较大的人力资源及时间成本。

发明内容

有鉴于此，本发明提供一种平面图像的立体展示方法及装置、存储介质、终端，主要目的在于解决现有平面图像的立体展示效率较低的问题。

依据本发明一个方面，提供了一种平面图像的立体展示方法，包括：

获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数，所述立体转化参数包括图像提取参数、第一旋转参数、第二旋转参数，所述第一旋转参数中的旋转方向与所述第二旋转参数中的旋转方向相反；

根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转得到第二旋转图像；

通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面。

进一步地，所述图像提取参数包括截取参数、上采样参数，所述通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，包括：

将所述第一旋转图像绘制于画布中，并根据所述截取参数、所述上采样参数、所述第一旋转参数计算得到所述第一旋转图像的投影宽度；

根据所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息；

将所述第二旋转图像以左侧边缘线为放置基准，按照所述位置信息放置于所述第一旋转图像所在画布中，以使得所述第一旋转图像与所述第二旋转图像在拼接线处重合得到目标立体图像。

进一步地，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取预设叠加图像，所述预设叠加图像为透明度相对于纵向中心线向两侧递增的空白图像；

以所述纵向中心线、所述拼接线作为叠加基准线，将所述预设叠加图像作为置顶图层叠加至所述目标立体图像上，得到模糊处理后的目标立体图像；

将目标立体图像渲染至展示页面，包括：

将所述模糊处理后的目标立体图像渲染至展示页面。

进一步地，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取与所述目标平面图像对应的第一裁剪参数、第二裁剪参数、虚化参数，所述第一裁剪参数的裁剪方向由所述第一旋转图像的右上角点指向左侧边缘，所述第二裁剪参数的裁剪方向由所述第一旋转图像的右下角点指向左侧边缘，所述第一裁剪参数、所述第二裁剪参数的裁剪路径均为直线；

按照所述第一裁剪参数对所述目标立体图像中所述第一旋转图像的上侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差；

按照所述第二裁剪参数对所述第一旋转图像下侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差；

按照所述虚化参数分别对所述裁剪的裁剪线进行虚化处理，得到虚化处理后的目标立体图像；

所述将所述目标立体图像渲染至展示页面，包括：

将所述虚化处理后的目标立体图像渲染至展示页面。

进一步地，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取第三裁剪参数，所述第三裁剪参数的裁剪路径为圆弧；

根据所述第三裁剪参数对所述目标立体图像中所述第二旋转图像的右上角、右下角分别进行裁剪，得到裁剪后的目标立体图像。

所述将所述目标立体图像渲染至展示页面，包括：

将裁剪后的目标立体图像的目标立体图像渲染至展示页面。

进一步地，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取阴影处理参数，所述阴影处理参数包括阴影范围参数、阴影度渐变参数，所述阴影度渐变参数中阴影中心点的阴影度大于阴影外侧边缘的阴影度；

计算所述目标立体图像中所述第一旋转图像下侧边缘的中点坐标信息；

以所述中点坐标信息为所述阴影中心点坐标信息，根据所述阴影范围参数、阴影度渐变参数在所述目标立体图像所在画布中绘制阴影，得到阴影处理后的目标立体图像；

所述将所述目标立体图像渲染至展示页面，包括：

将所述阴影处理后的目标立体图像渲染至展示页面。

进一步地，所述根据所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息之前，所述方法还包括：

获取设备属性信息，若所述设备属性信息满足任一预设设备类型的属性信息，则将所述设备信息所满足的预设设备类型确定为目标设备类型；

获取与所述目标设备类型对应的预设修正参数，所述预设修正参数为基于所述目标设备类型的设备的实测投影宽度偏差确定的；

根据所述预设修正参数对所述投影宽度进行修正，并根据所述修正后的所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息。

依据本发明另一个方面，提供了一种平面图像的立体展示装置，包括：

获取模块，用于获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数，所述立体转化参数包括图像提取参数、第一旋转参数、第二旋转参数，所述第一旋转参数中的旋转方向与所述第二旋转参数中的旋转方向相反；

处理模块，用于根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转处理得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转处理得到第二旋转图像；

渲染模块，用于通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面。

进一步地，所述渲染模块，包括：

第一计算单元，用于将所述第一旋转图像绘制于画布中，并根据所述截取参数、所述上采样参数、所述第一旋转参数计算得到所述第一旋转图像的投影宽度；

第二计算单元，用于根据所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息；

拼接处理单元，用于将所述第二旋转图像以左侧边缘线为放置基准，按照所述位置信息放置于所述第一旋转图像所在画布中，以使得所述第一旋转图像与所述第二旋转图像在拼接线处重合得到目标立体图像。

进一步地，所述装置还包括：

所述获取模块，还用于获取预设叠加图像，所述预设叠加图像为透明度相对于纵向中心线向两侧递增的空白图像；

模糊处理模块，用于以所述纵向中心线、所述拼接线作为叠加基准线，将所述预设叠加图像作为置顶图层叠加至所述目标立体图像上，得到模糊处理后的目标立体图像；

所述渲染模块，还用于将所述模糊处理后的目标立体图像渲染至展示页面。

进一步地，所述装置还包括：

所述获取模块，还用于获取与所述目标平面图像对应的第一裁剪参数、第二裁剪参数、虚化参数，所述第一裁剪参数的裁剪方向由所述第一旋转图像的右上角点指向左侧边缘，所述第二裁剪参数的裁剪方向由所述第一旋转图像的右下角点指向左侧边缘，所述第一裁剪参数、所述第二裁剪参数的裁剪路径均为直线；

第一裁剪模块，用于按照所述第一裁剪参数对所述目标立体图像中所述第一旋转图像的上侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差；

第二裁剪模块，用于按照所述第二裁剪参数对所述第一旋转图像下侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差；

虚化处理模块，用于按照所述虚化参数分别对所述裁剪的裁剪线进行虚化处理，得到虚化处理后的目标立体图像；

所述渲染模块，还用于将所述虚化处理后的目标立体图像渲染至展示页面。

进一步地，所述装置还包括：

所述获取模块，还用于获取第三裁剪参数，所述第三裁剪参数的裁剪路径为圆弧；

第三裁剪模块，用于根据所述第三裁剪参数对所述目标立体图像中所述第二旋转图像的右上角、右下角分别进行裁剪，得到裁剪后的目标立体图像。

所述渲染模块，还用于将裁剪后的目标立体图像的目标立体图像渲染至展示页面。

进一步地，所述装置还包括：

所述获取模块，还用于获取阴影处理参数，所述阴影处理参数包括阴影范围参数、阴影度渐变参数，所述阴影度渐变参数中阴影中心点的阴影度大于阴影外侧边缘的阴影度；

计算模块，用于计算所述目标立体图像中所述第一旋转图像下侧边缘的中点坐标信息；

阴影处理模块，用于以所述中点坐标信息为所述阴影中心点坐标信息，根据所述阴影范围参数、阴影度渐变参数在所述目标立体图像所在画布中绘制阴影，得到阴影处理后的目标立体图像；

所述渲染模块，还用于将所述阴影处理后的目标立体图像渲染至展示页面。

进一步地，所述装置还包括：

所述获取模块，还用于获取设备属性信息，若所述设备属性信息满足任一预设设备类型的属性信息，则将所述设备信息所满足的预设设备类型确定为目标设备类型；

所述获取模块，还用于获取与所述目标设备类型对应的预设修正参数，所述预设修正参数为基于所述目标设备类型的设备的实测投影宽度偏差确定的；

修正模块，用于根据所述预设修正参数对所述投影宽度进行修正，并根据所述修正后的所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息。

根据本发明的又一方面，提供了一种存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行如上述平面图像的立体展示方法对应的操作。

根据本发明的再一方面，提供了一种终端，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行上述平面图像的立体展示方法对应的操作。

借由上述技术方案，本发明实施例提供的技术方案至少具有下列优点：

本发明提供了一种平面图像的立体展示方法及装置、存储介质、终端，本发明实施例通过获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数，所述立体转化参数包括图像提取参数、第一旋转参数、第二旋转参数，所述第一旋转参数中的旋转方向与所述第二旋转参数中的旋转方向相反；根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转得到第二旋转图像；通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面，实现平面图像立体化批量处理，大大减少了平面图像立体效果的绘制时间，降低了图像处理的人力成本，同时，又确保了展示图像的立体效果，从而大大提高平面图像的立体展示的效率。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种平面图像的立体展示方法流程图；

图2示出了本发明实施例提供的一种平面图像转化立体图像示意图；

图3示出了本发明实施例提供的另一种平面图像的立体展示方法流程图；

图4示出了本发明实施例提供的一种图像立体展示示意图；

图5示出了本发明实施例提供的一种平面图像的立体展示装置组成框图；

图6示出了本发明实施例提供的一种终端示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

针对目前图像立体展示的效果通常是通过专业的美工人员基于绘图设计软件来完成的。例如，某小说需要在平台上架，则先由美工人员设计此款小说的立体效果宣传图，进而由前端开发人员将立体效果宣传图展示到页面中。但是，此方法且人力成本较高，完成效率较低，特别是针对全平台范围的图像展示形式调整的情况，完全基于人工对每张图像进行处理，做出对应的立体显示效果图，这样的工作量是巨大的，需要耗费较大的人力资源及时间成本的问题。本发明实施例提供了一种平面图像的立体展示方法，如图1所示，该方法包括：

101、获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数。

本发明实施例中，目标平面图像为需要进行立体展示的平面图像。例如，如图2所示，平面图像为阅读应用程序中的小说封面图片，还可以为视频应用程序中的影视剧海报图片等。立体转化参数为对目标平面图像进行处理，以得到立体图像的处理参数，包括图像提取参数、第一旋转参数、第二旋转参数。图像提取参数用于提取除目标平面图像之外的另平面图像，以基于两个平面图像构成立体效果图像。第一旋转参数、第二旋转参数为分别对对应平面图像进行旋转以得到立体效果的数据依据。

需要说明的是，立体转化参数为与目标平面对应的预设参数。可以根据目标平面图像的不同而对立体转化参数进行不同的配置，例如，针对目标平面图像A预先配置立体转化参数A，针对目标平面图像B预先配置立体转化参数B。从而在保证批量性处理图像的同时，满足不同图片的差异性立体展示需求，提高平面图像的立体展示的适用性及灵活性。

102、根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转得到第二旋转图像。

本发明实施例中，图像提取参数包括截取参数、上采样参数。截取参数用于作为对目标平面图像进行截取的数据依据，至少包括截取位置、截取尺寸、截取比例中的一个。上采样参数即对截取得到的平面图像进行放大的比例参数。将平面图像呈现立体效果，需要新建一个辅助平面图像与旋转后的目标平面图像进行拼接。为了保证目标立体图像中色彩的过渡效果，从目标平面图像中截取局部图像。例如，从目标平面图像中截取宽度为10像素、高度为目标平面图像1/3高度的局部图像。由于辅助平面图像用于与目标平面图像旋转后的图像进行拼接，因此，需要按照上采样参数将局部图像的高度放大到与目标平面图像的高度相同。其中，上采样参数为基于所述截取参数配置的，上采样参数对局部图像高度方向进行放大的比例与截取区域高度占目标平面图像高度的比例相对应。

对辅助平面图像进行放大后，为了获得立体展示效果，基于立体转化参数对目标平面图像、辅助平面图像进行旋转处理得到第一旋转图像、第二旋转图像。如图2所示，图中立体图像的左侧书脊状图像为第一旋转图像、立体图像的右侧图书正面封面状的图像为第二旋转图像。具体地，需要基于旋转参数对平面图像进行绕Y轴方向的旋转，且第一旋转参数中的旋转方向与第二旋转参数中的旋转方向相反。其中，第一旋转参数可以为旋转方向为顺时针方向，旋转角度为30度，第二旋转参数可以为旋转方向为逆时针方向，旋转角度为55度，也可以基于具体应用需求用户自定义，本发明实施例不做具体限定。第一旋转图像、第二旋转图像的旋转处理具体可以基于canvas画布结合Camera技术实现立体旋转，也可以基于其他立体旋转手段实现，本发明实施例不做具体限定。

需要说明的是，通过从目标平面图像中截取部分图像并进行上采样处理，得到用于实现立体效果的辅助平面图像，由于辅助平面图像取自于目标平面图像，能够保证图像纹理与目标平面图像的一致，避免拼接处颜色反差较大，过渡较突兀的问题，保证了目标立体图像的正面与侧面颜色一致性，从而在批量图片处理的基础上，保证目标立体图像的展示质量及展示效果。此外，也避免了单独获取或创建新的图像，降低了处理资源的消耗，从而降低了目标立体图像展示的资源成本。

103、通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将目标立体图像渲染至展示页面。

本发明实施例中，在得到具备立体旋转效果的单一图像(第一旋转图像、第二旋转图像)之后，为了将第一旋转图像与第二旋转图像准确合成到一起，需要确定将其中一个图像作为固定的基准图像，另一图像根据基准图像的位置信息向基准图像拼接，使得第一旋转图像的左侧边缘线与第二旋转图像的右侧边缘线完全重合的拼接在一起，得到目标立体图像。其中，基准图像可以为第一旋转图像、也可以为第二旋转图像，本发明实施例不做具体限定。例如，以第一旋转图像的左上角作为图像的原点位置，则可以计算出第一旋转图像的右侧边缘上任一点的位置信息，进而根据该位置信息将第二旋转图像的左侧边缘与第一旋转图像的右侧边缘进行衔接合成一个整体图像。此外，由于第一旋转图像、第二旋转图像都经过了旋转，为了保证图像的完整，不超出显示范围，合成处理过程还需包括定点坐标调整，即在第一旋转图像进行拼接之前或拼接之后，对第一旋转图像及第二旋转图像的定点坐标基于相同的调整参数进行统一的调整。例如，定点坐标整体沿Y轴下移10像素。最后，将目标立体图像渲染至展示页面，实现平面目标平面图像的立体展示。

在具体应用场景中，展示页面中还包括目标平面图像的简介图像，即包含有与目标平面图像所展示内容对应文字描述的图像。在渲染至展示页面时，将目标立体图像整体作为简介图像的置顶图层，与简介图像一同渲染至展示页面中。

需要说明的是，目标平面图像可以为一张或多于一张的图像。展示页面中也可以包含一张或多于一张不同的目标立体图像。通过预先配置的立体转化参数对目标平面图像进行立体转化，能够避免逐一对单张平面图像进行人工的立体效果制作，实现批量平面图像的立体展示处理，从而大大降低平面图像立体化展示的人力成本及时间消耗，提高转化效率。特别在对运行有大量平面图像的展示平台进行整体升级立体展示的应用场景中，效率的提升及成本节约效果更为显著。

在一个本发明实施例中，为了进一步说明及限定，如图3所示，步骤103所述对所述第一旋转图像、所述第二旋转图像进行合成处理，得到所述目标平面图像的目标立体图像，包括：

201、将所述第一旋转图像绘制于画布中，并根据所述截取参数、所述上采样参数、所述第一旋转参数计算得到所述第一旋转图像的投影宽度。

202、根据所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息。

203、将所述第二旋转图像以左侧边缘线为放置基准，按照所述位置信息放置于所述第一旋转图像所在画布中，以使得所述第一旋转图像与所述第二旋转图像在拼接线处重合得到目标立体图像。

本发明实施例中，由于第一旋转图像位于目标立体图像的左侧，因此，以第一旋转图像为基准，第二旋转图像根据第一旋转图像在画布中的投影宽度确定绘制位置，并基于位置信息向第一旋转图像拼接。其中，由于第一旋转图像是旋转后得到的，在画布中的投影宽度较平面图像要窄，因此，需要根据截取参数、上采样参数计算出旋转得到第一旋转图像之前的平面图像宽度，再根据第一旋转参数的旋转角度计算出旋转之后得到第一旋转图像的投影宽度，公式为：W＝w×a×cosθ(1)，其中，W为投影宽度，w为截取参数的宽度值，a为上采样参数的宽度放大比例，θ为第一旋转参数角度的绝对值。例如，截取参数为宽度10像素、高度目标平面图像的1/3，上采样参数为宽度方向放大比例为1、高度方向放大比例为3，第一旋转参数为-55度，则第一旋转图像的投影宽度为10×1×cos55°。得到投影宽度之后，进一步确定第一旋转图像的右侧边缘在画布中的位置信息，由于右侧边缘的位置信息可以以第一旋转图像右上角及右下角的位置信息表示，因此，可以转变为确定第一旋转图像的右上角及右下角的位置信息。例如，第一旋转图像的投影宽度为W，高度h，第一旋转参数为-55度，左上角为原点，则第一旋转图像的右上角的坐标为(W，Wcos55°)，进而得到第一旋转图像的右下角的坐标为(W，Whcos55°)。其中，第一旋转图像的高度与目标平面图像相等。进而将第二旋转图像的左上角与第一旋转图像的右上角对接，第二旋转图像的左下角与第一旋转图像的右下角对接，以使得第一旋转图像的右侧边缘与第二旋转图像的左侧边缘完全重合，得到目标立体图像。如图2所示，立体图像中第一旋转图像与第二旋转图像的重合处为两个图像构成的拼接线。

在一个本发明实施例中，为了进一步说明及限定，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取预设叠加图像，所述预设叠加图像为透明度相对于纵向中心线向两侧递增的空白图像。

以所述纵向中心线、所述拼接线作为叠加基准线，将所述预设叠加图像作为置顶图层叠加至所述目标立体图像上，得到模糊处理后的目标立体图像。

将所述模糊处理后的目标立体图像渲染至展示页面。

本发明实施例中，由于第一旋转图像与第二旋转图像的拼接线处比较锐利，会在整体图像中显得突兀，为了提高立体展示的视觉效果，基于预先配置好的叠加图像对拼接线进行模糊处理，并以模糊处理后的目标立体图像作为最终展示的立体图像。具体地，预设叠加图像为透明度相对于纵向中心线向两侧递增的空白图像。根据拼接线的位置坐标，将预设叠加图像以其中心线正好与拼接线完全重合的方式叠加在立体图像上，以实现对拼接线进行遮盖和模糊处理的效果。

需要说明的是，预设叠加图像的高度等于拼接线长度，宽度小于两倍第一旋转图像宽度，例如，6像素。预设叠加图像的具体宽度及透明度设置，也可以根据具体应用需求自定义，本发明实施例不做具体限定。通过利用透明度较低图像对拼接线进行叠加覆盖方式，能够使拼接线模糊化，使第一旋转图像到第二旋转图像的过渡更加平自然，从而在实现平面图像批量进行立体转化的同时，提高立体图像转化质量。

在一个本发明实施例中，为了进一步说明及限定，步骤102所述按照所述上采样参数、所述第一旋转参数对所述辅助平面图像进行处理得到第一旋转图像之后，所述方法还包括：

获取与所述目标平面图像对应的第一裁剪参数、第二裁剪参数、虚化参数；

按照所述第一裁剪参数对所述目标立体图像中所述第一旋转图像的上侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差。

按照所述第二裁剪参数对所述第一旋转图像下侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差。

按照所述虚化参数分别对所述裁剪的裁剪线进行虚化处理，得到虚化处理后的目标立体图像。

本发明实施例中，由于第一旋转图像是通过局部平面图像旋转得到的，从正面看过去左上角与右上角、左下角与右下角之间的纵向高度差较小，所呈现出的立体效果较差，因此，需要基于第一裁剪参数、第二裁剪参数对第一旋转图像的上、下侧边缘进行调整性的裁剪，以扩大纵向高度差。其中，所述第一裁剪参数的裁剪方向由所述第一旋转图像的右上角点指向左侧边缘，所述第二裁剪参数的裁剪方向由所述第一旋转图像的右下角点指向左侧边缘，所述第一裁剪参数、所述第二裁剪参数的裁剪路径均为直线。具体地，第一裁剪参数的路径为右上角到左上角正下方满足第一裁剪参数的裁切点之间的直线。第二裁剪参数为右下角到左下角正上方满足第二裁剪参数的裁切点之间的直线。第一裁剪参数、第二裁剪参数的具体裁剪值可以根据实际应用场景的需求自定义，第一裁剪参数与第二裁剪参数的裁剪值可以相等，也可以不相等，本发明实施例不做具体限定。

在对第一旋转图像的上下边缘进行裁剪之后，为了使避免裁剪线过于锐利影响整体图像的视觉效果，对上下边缘的裁剪线进行虚化处理，如图4所示，以使裁剪线处的视觉效果更柔和，从而提升目标立体图像中第一旋转图像侧的整体视觉效果。

在一个本发明实施例中，为了进一步说明及限定，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取第三裁剪参数，根据所述第三裁剪参数对所述目标立体图像中所述第二旋转图像的右上角、右下角分别进行裁剪，得到裁剪后的目标立体图像。

将裁剪后的目标立体图像的目标立体图像渲染至展示页面。

本发明实施例中，第三裁剪参数为预先定义的裁剪路径为圆弧的裁剪参数。为了进一步提升图像的立体展示效果，对第二旋转图像的右上角及右下角进行倒圆角处理，如图4所示，倒圆角的角度参数即第三裁剪参数。其中，圆角角度值可以为12°，也可以根据实际应用需求自定义，本发明实施例不做具体限定。

在一个本发明实施例中，为了进一步说明及限定，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取阴影处理参数，计算所述目标立体图像中所述第一旋转图像下侧边缘的中点坐标信息；

以所述中点坐标信息为所述阴影中心点坐标信息，根据所述阴影范围参数、阴影度渐变参数在所述目标立体图像所在画布中绘制阴影，得到阴影处理后的目标立体图像。

将裁剪后的目标立体图像的目标立体图像渲染至展示页面。

本发明实施例中，阴影处理参数为预先设定的绘制阴影的参数，包括阴影范围参数、阴影度渐变参数，阴影度渐变参数中阴影中心点的阴影度大于阴影外侧边缘的阴影度。阴影范围参数用于限制阴影在画布中所占区域的大小。阴影度渐变参数用于限制阴影的渐变梯度，每个梯度的阴影度大小。为了使图像的立体效果更加明显，在立体图像的下方添加如图2所示的阴影效果。具体地，以第一旋转图像的下侧短边的中点为阴影区域的中心点，绘制由中心点向外延阴影度逐渐变浅的阴影区域，以实现目标立体图像的投影效果。从而达到对展示页面中立体图像进行立体强化的效果。其中，阴影范围参数、阴影度渐变参数的取值，可以根据具体应用需求自定义，本发明实施例不做具体限定。

在一个本发明实施例中，为了进一步说明及限定，所述方法还包括：

获取设备属性信息，若所述设备属性信息满足任一预设设备类型的属性信息，则将所述设备信息所满足的预设设备类型确定为目标设备类型。

获取与所述目标设备类型对应的预设修正参数。

根据所述预设修正参数对所述宽度进行修正，并根据所述修正后的所述宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息。

本发明实施例中，立体图像展示的执行主体为客户终端设备，可以为计算机或移动设备，如一体机、手机、平板电脑等。设备属性信息为当前作为执行主体的设备的设备配置信息，如处理器型号，运行内存等。预设设备类型为根据实际测试过程中会出现拼接偏差的设备类型确定的，预设设备类型的属性信息为与每种预设设备类型所对应的设备配置信息。由于不同设备对于浮点数据的运算处理精度不同，特别是一些配置较低的安卓手机设备中，由于计算精度不足，会造成投影宽度计算值与实际值的偏差，从而造成第一旋转图像与第二旋转图像的拼接出现偏差，影响最终的立体展示效果。为了避免这一情况的发生，在计算一旋转图像右侧边缘在画布中的位置信息之前，先根据当前设备的设备属性信息判断当前设备预期是否会发生第一旋转图像与第二旋转图像的拼接偏差，若当前设备满足预设设备类型，则表明会出现偏差，需要获取预设修正参数对计算得到的投影宽度进行修正。其中，预设修正参数为基于目标设备类型的设备的实际测试过程中，计算投影宽度与实际投影宽度的偏差确定的。例如，在实际测试中目标设备类型的设备计算得到的投影宽度与实际投影宽度偏差值为-0.1像素，则设定与目标设备类型对应的预设修正参数为0.1像素，将计算得到的投影宽度加上0.1像素的预设修正参数，以得到准确的投影宽度，从而准确计算出第一旋转图像右侧边缘在画布中的位置信息。从而有效保证在低端设备中平面图像的立体展示效果。

本发明提供了一种平面图像的立体展示方法，本发明实施例通过获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数，所述立体转化参数包括图像提取参数、第一旋转参数、第二旋转参数，所述第一旋转参数中的旋转方向与所述第二旋转参数中的旋转方向相反；根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转得到第二旋转图像；通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面，实现平面图像立体化批量处理，大大减少了平面图像立体效果的绘制时间，降低了图像处理的人力成本，同时，又确保了展示图像的立体效果，从而大大提高平面图像的立体展示的效率。

进一步的，作为对上述图1所示方法的实现，本发明实施例提供了一种平面图像的立体展示装置，如图5所示，该装置包括：

获取模块31，用于获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数，所述立体转化参数包括图像提取参数、第一旋转参数、第二旋转参数，所述第一旋转参数中的旋转方向与所述第二旋转参数中的旋转方向相反；

处理模块32，用于根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转处理得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转处理得到第二旋转图像；

渲染模块33，用于通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面。

进一步地，所述渲染模块，包括：

第一计算单元，用于将所述第一旋转图像绘制于画布中，并根据所述截取参数、所述上采样参数、所述第一旋转参数计算得到所述第一旋转图像的投影宽度；

第二计算单元，用于根据所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息；

拼接处理单元，用于将所述第二旋转图像以左侧边缘线为放置基准，按照所述位置信息放置于所述第一旋转图像所在画布中，以使得所述第一旋转图像与所述第二旋转图像在拼接线处重合得到目标立体图像。

进一步地，所述装置还包括：

所述获取模块31，还用于获取预设叠加图像，所述预设叠加图像为透明度相对于纵向中心线向两侧递增的空白图像；

模糊处理模块，用于以所述纵向中心线、所述拼接线作为叠加基准线，将所述预设叠加图像作为置顶图层叠加至所述目标立体图像上，得到模糊处理后的目标立体图像；

所述渲染模块33，还用于将所述模糊处理后的目标立体图像渲染至展示页面。

进一步地，所述装置还包括：

所述获取模块31，还用于获取与所述目标平面图像对应的第一裁剪参数、第二裁剪参数、虚化参数，所述第一裁剪参数的裁剪方向由所述第一旋转图像的右上角点指向左侧边缘，所述第二裁剪参数的裁剪方向由所述第一旋转图像的右下角点指向左侧边缘，所述第一裁剪参数、所述第二裁剪参数的裁剪路径均为直线；

第一裁剪模块，用于按照所述第一裁剪参数对所述目标立体图像中所述第一旋转图像的上侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差；

第二裁剪模块，用于按照所述第二裁剪参数对所述第一旋转图像下侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差；

虚化处理模块，用于按照所述虚化参数分别对所述裁剪的裁剪线进行虚化处理，得到虚化处理后的目标立体图像；

所述渲染模块33，还用于将所述虚化处理后的目标立体图像渲染至展示页面。

进一步地，所述装置还包括：

所述获取模块31，还用于获取第三裁剪参数，所述第三裁剪参数的裁剪路径为圆弧；

第三裁剪模块，用于根据所述第三裁剪参数对所述目标立体图像中所述第二旋转图像的右上角、右下角分别进行裁剪，得到裁剪后的目标立体图像。

所述渲染模块33，还用于将裁剪后的目标立体图像的目标立体图像渲染至展示页面。

进一步地，所述装置还包括：

所述获取模块31，还用于获取阴影处理参数，所述阴影处理参数包括阴影范围参数、阴影度渐变参数，所述阴影度渐变参数中阴影中心点的阴影度大于阴影外侧边缘的阴影度；

计算模块，用于计算所述目标立体图像中所述第一旋转图像下侧边缘的中点坐标信息；

阴影处理模块，用于以所述中点坐标信息为所述阴影中心点坐标信息，根据所述阴影范围参数、阴影度渐变参数在所述目标立体图像所在画布中绘制阴影，得到阴影处理后的目标立体图像；

所述渲染模块33，还用于将所述阴影处理后的目标立体图像渲染至展示页面。

进一步地，所述装置还包括：

所述获取模块31，还用于获取设备属性信息，若所述设备属性信息满足任一预设设备类型的属性信息，则将所述设备信息所满足的预设设备类型确定为目标设备类型；

所述获取模块31，还用于获取与所述目标设备类型对应的预设修正参数，所述预设修正参数为基于所述目标设备类型的设备的实测投影宽度偏差确定的；

修正模块，用于根据所述预设修正参数对所述投影宽度进行修正，并根据所述修正后的所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息。

本发明提供了一种平面图像的立体展示装置，本发明实施例通过获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数，所述立体转化参数包括图像提取参数、第一旋转参数、第二旋转参数，所述第一旋转参数中的旋转方向与所述第二旋转参数中的旋转方向相反；根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转得到第二旋转图像；通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面，实现平面图像立体化批量处理，大大减少了平面图像立体效果的绘制时间，降低了图像处理的人力成本，同时，又确保了展示图像的立体效果，从而大大提高平面图像的立体展示的效率。

根据本发明一个实施例提供了一种存储介质，所述存储介质存储有至少一可执行指令，该计算机可执行指令可执行上述任意方法实施例中的平面图像的立体展示方法。

图6示出了根据本发明一个实施例提供的一种终端的结构示意图，本发明具体实施例并不对终端的具体实现做限定。

如图6所示，该终端可以包括：处理器(processor)402、通信接口(CommunicationsInterface)404、存储器(memory)406、以及通信总线408。

其中：处理器402、通信接口404、以及存储器406通过通信总线408完成相互间的通信。

通信接口404，用于与其它设备比如客户端或其它服务器等的网元通信。

处理器402，用于执行程序410，具体可以执行上述平面图像的立体展示方法实施例中的相关步骤。

具体地，程序410可以包括程序代码，该程序代码包括计算机操作指令。

处理器402可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。终端包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。

存储器406，用于存放程序410。存储器406可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

程序410具体可以用于使得处理器402执行以下操作：

获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数，所述立体转化参数包括图像提取参数、第一旋转参数、第二旋转参数，所述第一旋转参数中的旋转方向与所述第二旋转参数中的旋转方向相反；

根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转得到第二旋转图像；

通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包括在本发明的保护范围之内。

Claims (9)

1.一种平面图像的立体展示方法，其特征在于，包括：

获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数，所述立体转化参数包括图像提取参数、第一旋转参数、第二旋转参数，所述第一旋转参数中的旋转方向与所述第二旋转参数中的旋转方向相反；

根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转得到第二旋转图像；

通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面；

所述图像提取参数包括截取参数、上采样参数，所述通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，包括：

将所述第一旋转图像绘制于画布中，并根据所述截取参数、所述上采样参数、所述第一旋转参数计算得到所述第一旋转图像的投影宽度；

根据所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息；

将所述第二旋转图像以左侧边缘线为放置基准，按照所述位置信息放置于所述第一旋转图像所在画布中，以使得所述第一旋转图像与所述第二旋转图像在拼接线处重合得到目标立体图像。

2.根据权利要求1所述的方法，其特征在于，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取预设叠加图像，所述预设叠加图像为透明度相对于纵向中心线向两侧递增的空白图像；

以所述纵向中心线、所述拼接线作为叠加基准线，将所述预设叠加图像作为置顶图层叠加至所述目标立体图像上，得到模糊处理后的目标立体图像；

将目标立体图像渲染至展示页面，包括：

将所述模糊处理后的目标立体图像渲染至展示页面。

3.根据权利要求1所述的方法，其特征在于，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取与所述目标平面图像对应的第一裁剪参数、第二裁剪参数、虚化参数，所述第一裁剪参数的裁剪方向由所述第一旋转图像的右上角点指向左侧边缘，所述第二裁剪参数的裁剪方向由所述第一旋转图像的右下角点指向左侧边缘，所述第一裁剪参数、所述第二裁剪参数的裁剪路径均为直线；

按照所述第一裁剪参数对所述目标立体图像中所述第一旋转图像的上侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差；

按照所述第二裁剪参数对所述第一旋转图像下侧边缘进行裁剪，以增大左上角与右上角之间的纵向高度差；

按照所述虚化参数分别对所述裁剪的裁剪线进行虚化处理，得到虚化处理后的目标立体图像；

所述将所述目标立体图像渲染至展示页面，包括：

将所述虚化处理后的目标立体图像渲染至展示页面。

4.根据权利要求1所述的方法，其特征在于，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取第三裁剪参数，所述第三裁剪参数的裁剪路径为圆弧；

根据所述第三裁剪参数对所述目标立体图像中所述第二旋转图像的右上角、右下角分别进行裁剪，得到裁剪后的目标立体图像；

所述将所述目标立体图像渲染至展示页面，包括：

将裁剪后的目标立体图像的目标立体图像渲染至展示页面。

5.根据权利要求1所述的方法，其特征在于，所述将所述目标立体图像渲染至展示页面之前，所述方法还包括：

获取阴影处理参数，所述阴影处理参数包括阴影范围参数、阴影度渐变参数，所述阴影度渐变参数中阴影中心点的阴影度大于阴影外侧边缘的阴影度；

计算所述目标立体图像中所述第一旋转图像下侧边缘的中点坐标信息；

以所述中点坐标信息为所述阴影中心点坐标信息，根据所述阴影范围参数、阴影度渐变参数在所述目标立体图像所在画布中绘制阴影，得到阴影处理后的目标立体图像；

所述将所述目标立体图像渲染至展示页面，包括：

将所述阴影处理后的目标立体图像渲染至展示页面。

6.根据权利要求1所述的方法，其特征在于，所述根据所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息之前，所述方法还包括：

获取设备属性信息，若所述设备属性信息满足任一预设设备类型的属性信息，则将所述设备属性信息所满足的预设设备类型确定为目标设备类型；

获取与所述目标设备类型对应的预设修正参数，所述预设修正参数为基于所述目标设备类型的设备的实测投影宽度偏差确定的；

根据所述预设修正参数对所述投影宽度进行修正，并根据所述修正后的所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息。

7.一种平面图像的立体展示装置，其特征在于，包括：

获取模块，用于获取待展示的目标平面图像及与所述目标平面图像对应的立体转化参数，所述立体转化参数包括图像提取参数、第一旋转参数、第二旋转参数，所述第一旋转参数中的旋转方向与所述第二旋转参数中的旋转方向相反；

处理模块，用于根据所述图像提取参数从所述目标平面图像中提取得到辅助平面图像，并将所述辅助平面图像按照所述第一旋转参数进行旋转处理得到第一旋转图像，将所述目标平面图像按照所述第二旋转参数进行旋转处理得到第二旋转图像；

渲染模块，用于通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，并将所述目标立体图像渲染至展示页面；

所述图像提取参数包括截取参数、上采样参数，所述通过对所述第一旋转图像、所述第二旋转图像进行合成处理得到目标立体图像，包括：

将所述第一旋转图像绘制于画布中，并根据所述截取参数、所述上采样参数、所述第一旋转参数计算得到所述第一旋转图像的投影宽度；

根据所述投影宽度计算得到所述第一旋转图像右侧边缘在画布中的位置信息；

将所述第二旋转图像以左侧边缘线为放置基准，按照所述位置信息放置于所述第一旋转图像所在画布中，以使得所述第一旋转图像与所述第二旋转图像在拼接线处重合得到目标立体图像。

8.一种存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行如权利要求1-6中任一项所述的平面图像的立体展示方法对应的操作。

9.一种终端，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如权利要求1-6中任一项所述的平面图像的立体展示方法对应的操作。