【技术实现步骤摘要】
本专利技术涉及图形绘制领域，具体而言，涉及一种3d图形绘制方法、装置及电子设备。
技术介绍
1、对于现代技术的高速发展，图形绘制也有了3d绘制需求，但是现阶段进行3d图形绘制时一般要下载专业的软件进行绘制。这就造成了绘制3d图形不便捷的问题。
2、针对上述的问题，目前尚未提出有效的解决方案。
技术实现思路
1、本专利技术实施例提供了一种3d图形绘制方法、装置及电子设备，以至少解决相关技术中绘制3d图形不便捷的技术问题。
2、根据本专利技术实施例的一个方面，提供了一种3d图形绘制方法，包括：接收3d图形绘制指令，其中，所述3d图形绘制指令中携带有目标图形类型；响应于所述3d图形绘制指令，在超文本标记语言html中创建设置有预定标识符的预定画布canvas元素；依据所述预定标识符，调用通过标识符调取元素getelementbyid方法调用所述预定canvas元素，并调用获取上下文getcontext方法调用万维网图形库webgl；确定与所述目标图形类型对应的渲染环境，确定与所述目标图形类型对应的3d图形参数；在渲染过程中调用抗锯齿方法的情况下，调用万维网图形库应用程序接口webgl api设置所述渲染环境，并调用文档对象模型应用程序接口dom api设置所述抗锯齿方法；在所述渲染环境下，调用所述webgl api依据所述3d图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3d图形。
3、可选地，所述调用所述webgl api依据所述
4、可选地，所述调用所述webgl api依据所述3d图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3d图形之后，还包括：接收目标用户发送的图形交互指令；响应于所述图形交互指令，调用添加事件监听器addeventlistener方法监听所述目标用户的指示设备触发的指示事件；依据所述指示事件，确定与所述目标3d图形的交互方式。
5、可选地，所述调用所述webgl api依据所述3d图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3d图形之后，还包括：确定可删除参数，其中，所述可删除参数至少包括：可删除缓冲区，可删除纹理；调用删除缓存deletebuffer方法删除所述可删除缓冲区，并调用删除纹理deletetexture方法删除所述可删除纹理。
6、可选地，还包括：调用获取错误geterror方法获取错误代码；在存在所述错误代码的情况下，调用控制台输出console.log方法输出错误信息；依据所述错误信息对所述错误代码进行处理。
7、可选地，所述渲染环境包括以下至少之一：着色器环境，缓冲区环境，纹理环境。
8、可选地，所述3d图形参数包括以下至少之一：设置矩阵参数、绑定缓冲区参数、启用顶点属性参数、提交顶点数据参数。
9、根据本专利技术实施例的一个方面，提供了一种3d图形绘制装置，包括：接收模块，用于接收3d图形绘制指令，其中，所述3d图形绘制指令中携带有目标图形类型；创建模块，用于响应于所述3d图形绘制指令，在超文本标记语言html中创建设置有预定标识符的预定画布canvas元素；获取模块，用于依据所述预定标识符，调用通过标识符调取元素getelementbyid方法调用所述预定canvas元素，并调用获取上下文getcontext方法调用万维网图形库webgl；确定模块，用于确定与所述目标图形类型对应的渲染环境，确定与所述目标图形类型对应的3d图形参数；设置模块，用于在渲染过程中调用抗锯齿方法的情况下，调用万维网图形库应用程序接口webgl api设置所述渲染环境，并调用文档对象模型应用程序接口dom api设置所述抗锯齿方法；绘制模块，用于在所述渲染环境下，调用所述webglapi依据所述3d图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3d图形。
10、根据本专利技术实施例的一个方面，提供了一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现上述任一项所述的3d图形绘制方法。
11、根据本专利技术实施例的一个方面，提供了一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述任一项所述的3d图形绘制方法。
12、在本专利技术实施例中，接收3d图形绘制指令，其中，3d图形绘制指令中携带有目标图形类型。响应于3d图形绘制指令，在超文本标记语言html中创建设置有预定标识符的预定画布canvas元素。依据预定标识符，调用通过标识符调取元素getelementbyid方法调用预定canvas元素，并调用获取上下文getcontext方法调用万维网图形库webgl。确定与目标图形类型对应的渲染环境，确定与目标图形类型对应的渲染3d图形参数。在渲染过程中调用抗锯齿方法的情况下，调用万维网图形库应用程序接口webgl api设置渲染环境，并调用文档对象模型应用程序接口dom api设置抗锯齿方法。在渲染环境下，调用webgl api依据3d图形参数进行抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3d图形。将dom和webgl结合起来，通过dom来控制webgl渲染的内部元素，也可以把webgl渲染的内部元素的变化用dom来展示或进一步操作，即使得3d图形能够在网页上直接进行绘制。而且抗锯齿方法使用了dom api进行了设置，使得其能进一步和网页耦合，能够更便捷地在网页上进行3d图形的绘制，进而解决了相关技术中绘制3d图形不便捷的技术问题。
本文档来自技高网...【技术保护点】
1.一种3D图形绘制方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述调用所述WebGL API依据所述3D图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3D图形之后，还包括：
3.根据权利要求1所述的方法，其特征在于，所述调用所述WebGL API依据所述3D图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3D图形之后，还包括：
4.根据权利要求1所述的方法，其特征在于，所述调用所述WebGL API依据所述3D图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3D图形之后，还包括：
5.根据权利要求1所述的方法，其特征在于，还包括：
6.根据权利要求1所述的方法，其特征在于，所述渲染环境包括以下至少之一：着色器环境，缓冲区环境，纹理环境。
7.根据权利要求1至6中任意一项所述的方法，其特征在于，所述3D图形参数包括以下至少之一：设置矩阵参数、绑定缓冲区参数、启用顶点属性参数、提交顶点数据参数。
8.一种3D图形绘制装置
9.一种电子设备，其特征在于，包括：
10.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至7中任一项所述的3D图形绘制方法。
...【技术特征摘要】
1.一种3d图形绘制方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述调用所述webgl api依据所述3d图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3d图形之后，还包括：
3.根据权利要求1所述的方法，其特征在于，所述调用所述webgl api依据所述3d图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3d图形之后，还包括：
4.根据权利要求1所述的方法，其特征在于，所述调用所述webgl api依据所述3d图形参数进行所述抗锯齿方法处理下的图形绘制，得到抗锯齿处理后的目标3d图形之后，还包括：
5.根据...
【专利技术属性】
技术研发人员：陈强，李凡平，王堃，
申请(专利权)人：青岛以萨数据技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。