企业官网建设流程全解析

网站建设公司推广广告语,公司简介模板300字,昌邑网站设计,网站建设标书模板获取绘图上下文 1、WebGLRenderingContext 官方文档#xff1a;https://developer.mozilla.org/zh-CN/docs/Web/API/WebGLRenderingContextWebGLRenderingContext 接口提供基于 OpenGL ES 2.0 的绘图上下文#xff0c;用于在 HTML canvas 元素内绘图要获得这个接口的…获取绘图上下文1、WebGLRenderingContext官方文档https://developer.mozilla.org/zh-CN/docs/Web/API/WebGLRenderingContextWebGLRenderingContext 接口提供基于 OpenGL ES 2.0 的绘图上下文用于在 HTMLcanvas元素内绘图要获得这个接口的对象可以通过在canvas元素上调用 getContext 方法调用时传入 webgl 参数constcanvasdocument.createElement(canvas);constglcanvas.getContext(webgl);console.log(gl);# 输出结果 WebGLRenderingContext {canvas: canvas, drawingBufferWidth: 300, drawingBufferHeight: 150, drawingBufferColorSpace: srgb, unpackColorSpace: srgb, …}2、WebGL2RenderingContext官方文档https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL2RenderingContextWebGL2RenderingContext 接口在底层使用了 OpenGL ES 3.0 为 HTML 的canvas元素提供了绘图上下文要获取该接口的对象需要调用一个canvas标签对象的 getContext 函数将 webgl2 作为参数传递constcanvasdocument.createElement(canvas);constglcanvas.getContext(webgl2);console.log(gl);# 输出结果 WebGL2RenderingContext {canvas: canvas, drawingBufferWidth: 300, drawingBufferHeight: 150, drawingBufferColorSpace: srgb, unpackColorSpace: srgb, …}获取最大支持纹理尺寸官方文档https://developer.mozilla.org/zh-CN/docs/Web/API/WebGLRenderingContext/getParameterfunctiongetMaxTextureSize(){constcanvasdocument.createElement(canvas);constglcanvas.getContext(webgl);returngl.getParameter(gl.MAX_TEXTURE_SIZE);}constmaxSizegetMaxTextureSize();console.log(最大支持纹理尺寸:${maxSize}px);# 输出结果 最大支持纹理尺寸: 8192px