图形的处理方法和装置制造方法及图纸

本发明专利技术公开了一种图形的处理方法和装置。其中，该方法包括：创建多个图层，其中，多个图层包括第一图层和图层集，第一图层包括用于表示目标对象的主视图，图层集包括多个第二图层，多个第二图层的边所构成的图形包括用于表示目标对象的侧面信息；对第一图层和多个第二图层进行层叠设置；将多个图层沿预设方向旋转预设角度；显示旋转后的多个图层，其中，旋转后的多个图层用于表示目标对象的立体图。本发明专利技术解决了现有技术在制作三维图形时模型比较复杂的技术问题。

【技术实现步骤摘要】

本专利技术涉及图形处理领域，具体而言，涉及一种图形的处理方法和装置。
技术介绍
现有的技术在制作三维图形时，通常采用Webgl(一种3D绘图标准)的three.js(以webg1为基础的库，安装了3D渲染需求中重要的工具方法与渲染循环)或者css3 3D技术(基于层叠样式表的3D技术)。对于Webgl的three.js，直接在浏览器的网络页面用应用3D技术，但是由于需要手机加载较多的js代码和3d模型，因而需要较大的空间和网速带宽。并且，在模拟不规则曲面时，3d模型的构建过程复杂。对于css3 3D技术，通过在空间中绘制不同关键点的三维坐标来描述物体，但是模拟非矩形的物体时，当角度变化时，会暴露出边角。针对上述的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种图形的处理方法和装置，以至少解决现有技术在制作三维图形时模型比较复杂的技术问题。根据本专利技术实施例的一个方面，提供了一种图形的处理方法，包括：创建多个图层，其中，所述多个图层包括第一图层和图层集，所述第一图层包括用于表示目标对象的主视图，所述图层集包括多个第二图层，多个所述第二图层的边所构成的图形包括用于表示所述目标对象的侧面信息；对所述第一图层和多个所述第二图层进行层叠设置；将所述多个图层沿预设方向旋转预设角度；显示旋转后的所述多个图层。根据本专利技术实施例的另一方面，还提供了一种图形的处理装置，包括：创建单元，用于创建多个图层，其中，所述多个图层包括第一图层和图层集，所述第一图层包括用于表示目标对象的主视图，所述图层集包括多个第二图层，多个所述第二图层的边所构成的图形包括用于表示所述目标对象的侧面信息；设置单元，用于对所述第一图层和多个所述第二图层进行层叠设置；旋转单元，用于将所述多个图层沿预设方向旋转预设角度；显示单元，用于显示旋转后的所述多个图层。在本专利技术实施例中，采用多个层叠设置的图层来表达立体的目标对象，每个图层都是2D图形，每个图层都在x轴和y轴两个维度上表示目标对象，采用多个图层的层叠方式，表达目标对象在z轴维度上的特征，使得多个图层在三个维度上表达目标对象，从而实现了用多个2D图形表达3D图形，解决了现有技术在制作3D图形时建立三维模型比较复杂所导致的绘制3D图形的技术比较复杂的技术问题，达到了简化3D图形的制作过程的技术效果。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：图1是根据本专利技术实施例的图形的处理方法的流程图；图2是根据本专利技术实施例的多个图层层叠设置的示意图；图3是根据本专利技术实施例的多个图层所表示的效果图；图4是根据本专利技术实施例在x轴和y轴所表示的平面内的图层的示意图；图5是根据本专利技术实施例的在z轴和y轴所表示的平面内的图层的示意图；图6是现有技术中斜切后效果与目标效果的对比图；图7是根据现有技术中斜切后效果的示意图；图8是根据本专利技术实施例的多个图层旋转的示意图；图9是根据本专利技术实施例的第二图层的示意图；图10是根据本专利技术实施例的具有附加对象的第二图层的示意图；图11根据本专利技术实施例的图形的处理装置的示意图；图12是根据本专利技术实施例的终端的硬件结构示意图。具体实施方式为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。名词解释：2D图形：又叫平面图形。2D图形内容只有水平的X轴向与垂直的Y轴向，传统手工漫画、插画等都属于2D图形。3D图形：3D是英文“3Dimensions”的简称，中文是指三维、三个维度、三个坐标，即有长、宽、高。换句话说，就是立体的，3D就是由X、Y、Z三个轴组成的空间，是相对于只有长和宽的平面(2D)而言。实施例1根据本专利技术实施例，提供了一种可以通过本申请装置实施例执行的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。根据本专利技术实施例，提供了一种图形的处理方法。图1是根据本专利技术实施例的图形的处理方法的流程图，以下结合图1对本专利技术实施例所提供的图形的处理方法做具体介绍，如图1所示，该图形的处理方法主要包括如下步骤：步骤S202，创建多个图层，其中，多个图层包括第一图层和图层集，第一图层包括用于表示目标对象的主视图，图层集包括多个第二图层，多个第二图层的边所构成的图形包括用于表示目标对象的侧面信息。步骤S204，对第一图层和多个第二图层进行层叠设置。步骤S206，将多个图层沿预设方向旋转预设角度。步骤S208，显示旋转后的多个图层。本实施例采用多个层叠设置的图层来表达立体的目标对象，每个图层都是2D图形，每个图层都在x轴和y轴两个维度上表示目标对象，同时，每个图层都处于z轴的某个坐标上，采用多个图层的层叠方式表达目标对象在z轴维度上的特征，使得多个图层在三个维度上表达目标对象，从而实现了用多个2D图形表达3D图形，解决了现有技术在制作3D图形时建立三维模型比较复杂所导致的绘制3D图形的技术比较复杂的技术问题，达到了简化3D图形的制作过程的技术效果。如图2所示，在x轴、y轴和z轴所构成的三维空间中，利用多个图层来表示目标对象。第一图层为图2中的第一个面，图层集为图2中的多个第二个面的集合，第二个面就是第二图层，第一个面和多个第二个面在z轴方向上表示目标对象在z轴方向上的信息，比如厚度信息等。由图2可知，多个图层表现出的视觉效果是一个长方体，如图3所示。进一步地，图2所示的多个图层是采用绝对定位层叠设置的，依次叠加第一图层和多个第二图层，其中，第一图层和相邻的第二图层之间具有预设距离，相邻两个第二图层之间具有预设距离。也就是说，第一个面层叠在第二个面上，沿z轴方向只能显示第一个面，多个第二个面都被第一个面遮挡。图2层叠的多个图层在z轴方向上显示出的效果如图4所示，即在x轴和y轴上显示表示目标对象的主视图的长方形。图层可以是没有厚度的2D图形，通过多个图层之间的距离表现出目标对象在z轴方向上的厚度信息，由于多个第二图层的层叠结构，在多个图层沿着x轴、y轴或者z轴旋转的角度小于90度时，每个图层的边缘都显示一部分，从而表现出目标对象侧面的形状和颜色等信息。例如，沿在y轴和z轴所构本文档来自技高网...

【技术保护点】
一种图形的处理方法，其特征在于，包括：创建多个图层，其中，所述多个图层包括第一图层和图层集，所述第一图层包括用于表示目标对象的主视图，所述图层集包括多个第二图层，多个所述第二图层的边所构成的图形包括用于表示所述目标对象的侧面信息；对所述第一图层和多个所述第二图层进行层叠设置；将所述多个图层沿预设方向旋转预设角度；显示旋转后的所述多个图层。

【技术特征摘要】
1.一种图形的处理方法，其特征在于，包括：创建多个图层，其中，所述多个图层包括第一图层和图层集，所述第一图层包括用于表示目标对象的主视图，所述图层集包括多个第二图层，多个所述第二图层的边所构成的图形包括用于表示所述目标对象的侧面信息；对所述第一图层和多个所述第二图层进行层叠设置；将所述多个图层沿预设方向旋转预设角度；显示旋转后的所述多个图层。2.根据权利要求1所述的方法，其特征在于，所述多个图层还包括第三图层，其中，所述第三图层包括用于表示所述目标对象的后视图，所述创建多个图层包括：根据所述目标对象的主视图创建所述第一图层，其中，所述第一图层的图形与所述主视图相同；根据所述目标对象的后视图创建所述第三图层，其中，所述第三图层的图形与所述后视图相同；根据所述目标对象的侧面创建多个所述第二图层得到所述图层集。3.根据权利要求1所述的方法，其特征在于，所述目标对象的侧面包括附加对象，所述创建多个图层包括创建多个所述第二图层，其中，所述创建多个所述第二图层包括：获取所述目标对象的所述侧面信息和所述附加对象的附加信息；根据所述目标对象的所述侧面信息和所述附加对象的所述附加信息创建至少一个具有所述附加信息和所述侧面信息的图层；将所述具有所述附加信息和所述侧面信息的图层作为所述第二图层。4.根据权利要求1所述的方法，其特征在于，所述目标对象的侧面包括附加对象，所述创建多个图层包括创建多个所述第二图层，其中，所述创建多个所述第二图层包括：获取所述附加对象的附加信息；根据所述附加信息创建至少一个具有所述附加信息的附加图层；将所述附加图层作为所述第二图层。5.根据权利要求1所述的方法，其特征在于，对所述第一图层和多个所述第二图层进行层叠设置包括：依次叠加所述第一图层和多个所述第二图层，其中，所述第一图层和相邻的第二图层之间具有预设距离，相邻两个所述第二图层之间具有所述预设距离。6.根据权利要求1至5中任一项所述的方法，其特征在于，将所述多个图层沿预设方向旋转预设角度包括：将所述多个图层作为一个图层组，对所述图层组中的每个图层同时沿所述预设方向旋转所述预设角度。7.根据权利要求1所述的方法，其特征在于，所述创建多个图层包括：在层叠样式表中创建所述多个图层，并且在所述层叠样式表中对所述第一图层和多个所述第二图层进行层叠设置；所述将所述多个图层沿预设方向旋转预设角度包括：对所述层叠样式表中的父容器进行旋转设置，其中，所述父容器中包括所述多个图层，所述旋转设置用于指示所述父容器中的所有图层沿所述预设方向旋转预设角度。8.一种图形的处理装置，其特征在于，包括：创建单元，用于创建多个图层...

【专利技术属性】
技术研发人员：蒋有为，崔婉玲，揭靓，高武，
申请(专利权)人：财付通支付科技有限公司，
类型：发明
国别省市：广东;44