[发明专利]伪3D素材可视化的方法、装置、电子装置和存储介质

说明书

本申请涉及一种伪3D素材可视化的方法、装置、电子装置和存储介质，其中，该伪3D素材可视化的方法包括：获取二维素材、二维素材的面类型信息，以及二维素材在伪3D图像中的位置信息；根据面类型信息，确定用于对二维素材进行伪3D变换的面变换关系；根据面变换关系对二维素材进行变形处理，得到伪3D素材；将伪3D素材绘制到与位置信息对应的二维画布位置上，得到伪3D图像。通过本申请，解决了伪3D素材可视化调整过程复杂问题，简化了伪3D素材可视化调整过程，提高了伪3D素材可视化开发的效率。

技术领域

本申请涉及计算机技术领域，特别是涉及伪3D素材可视化的方法、装置、电子装置和存储介质。

背景技术

数据可视化工作中，有时会遇到称为2.5d或者伪3D的视角类型。相比平面，这种类型更有空间感，与三维相比，其平面展示效果更佳，作为一种特殊的呈现风格，在需要展示出建筑感或者空间感的可视化项目中具备独特的优势。但是同时，目前web伪3D素材可视化的开发工作中，开发人员并没有一套合理的工具来面对这一场景，也给设计人员带来了巨大的困扰。

目前在web端，暂无公开的成套技术方案，通常会使用2d canvas技术开发伪3D素材，将伪3D素材的各个面，利用形变(transform)的方法，做出透视的效果，进而利用线性代数的基础知识，计算出形变后应该位于二维平面中的具体位置，调整位置和图层顺序实现伪3D内容开发。

但是，2d技术是在一个二维坐标系中调试具有三个维度的内容，其中的二维坐标系不具备参考价值，在调整位置时需要反复对比调整，所以整体的调整过程复杂。

目前针对相关技术中伪3D素材可视化调整过程复杂问题，尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种伪3D素材可视化的方法、装置、电子装置和存储介质，以至少解决相关技术中伪3D素材可视化调整过程复杂问题。

第一方面，本申请实施例提供了一种伪3D素材可视化的方法，包括：获取二维素材、二维素材的面类型信息，以及二维素材在伪3D图像中的位置信息；

根据面类型信息，确定用于对二维素材进行伪3D变换的面变换关系；

根据面变换关系对二维素材进行变形处理，得到伪3D素材；

将伪3D素材绘制到与位置信息对应的二维画布位置上，得到伪3D图像。

在其中一些实施例中，二维素材的面类型包括：正面类型和非正面类型；面变换关系包括：与每种面类型对应的面变换对应关系；其中，根据面类型信息，确定用于对二维素材进行伪3D变换的面变换关系包括：

在根据面类型信息判断到二维素材为正面类型的情况下，确定不对二维素材进行伪3D变换；

在根据面类型信息判断到二维素材为非正面类型的情况下，确定根据与二维素材的面类型对应的面类型变换关系对二维素材进行伪3D变换。

在其中一些实施例中，非正面类型包括：左侧面类型；根据面变换关系对二维素材进行变形处理，得到伪3D素材包括：

二维素材通过线性变换得到左侧面类型，其中，二维画布所在的平面直角坐标系包括x轴和y轴，二维素材的乘以左侧面类型的面转换矩阵得到左侧面类型的面，左侧面类型的面转换矩阵为|v_x-v_y|，v_x是x轴单位向量，x轴单位向量与y轴单位向量的夹角为a，v_y是y轴的单位向量，y轴单位向量方向与y轴平行。

在其中一些实施例中，非正面类型包括：右侧面类型；根据面变换关系对二维素材进行变形处理，得到伪3D素材包括：