WebGL
The WebGL module provides the graphics drawing capability, such as processing the graphics position and color.
This module provides WebGL APIs that correspond to the OpenGL ES 2.0 feature set. For more information, see WebGL™.
NOTE
The initial APIs of this module are supported since API version 7. Newly added APIs will be marked with a superscript to indicate their earliest API version.
WebGL complies with the OpenGL protocol and does not support multi-thread calling.
This module can be used only in the JavaScript-compatible web-like development paradigm.
Invoking Method
Create a <canvas> component in the HML file. The following is an example:
<!--xxx.hml-->
<div class="container">
<canvas ref="canvas1" style="width : 400px; height : 200px; background-color : lightyellow;"></canvas>
<button class="btn-button" onclick="BtnDraw2D">BtnDraw2D</button>
</div>
Obtain the <canvas> component instance in the JS file. The following is an example:
// Obtain the <canvas> component instance.
const el = this.$refs.canvas1;
// Obtain the WebGL context from the <canvas> component instance.
const gl = el.getContext('webgl');
// Call the WebGL API.
gl.clearColor(0.0, 0.0, 0.0, 1.0);
Type
System capability: SystemCapability.Graphic.Graphic2D.WebGL
Table 1 Type
| Name | Type |
|---|---|
| GLenum | number |
| GLboolean | boolean |
| GLbitfield | number |
| GLbyte | number |
| GLshort | number |
| GLint | number |
| GLsizei | number |
| GLintptr | number |
| GLsizeiptr | number |
| GLubyte | number |
| GLushort | number |
| GLuint | number |
| GLfloat | number |
| GLclampf | number |
| TexImageSource | ImageData |
| Float32List | array |
| Int32List | array |
| WebGLPowerPreference | string |
APIs
System capability: SystemCapability.Graphic.Graphic2D.WebGL
Table 2 APIs
| Name |
|---|
| WebGLContextAttributes |
| WebGLBuffer |
| WebGLFrameBuffer |
| WebGLProgram |
| WebGLRenderbuffer |
| WebGLShader |
| WebGLTexture |
| WebGLUniformLocation |
| WebGLActiveInfo |
| WebGLShaderPrecisionFormat |
| WebGLRenderingContextBase |
| WebGLRenderingContextOverloads |
WebGLContextAttributes
WebGLContextAttributes
| Name | Type | Mandatory |
|---|---|---|
| alpha | boolean | No |
| depth | boolean | No |
| stencil | boolean | No |
| antialias | boolean | No |
| premultipliedAlpha | boolean | No |
| preserveDrawingBuffer | boolean | No |
| powerPreference | WebGLPowerPreference | No |
| failIfMajorPerformanceCaveat | boolean | No |
| desynchronized | boolean | No |
WebGLActiveInfo
WebGLActiveInfo
| Name | Type | Mandatory |
|---|---|---|
| size | GLint | Yes |
| type | GLenum | Yes |
| name | string | Yes |
WebGLShaderPrecisionFormat
WebGLShaderPrecisionFormat
| Name | Type | Mandatory |
|---|---|---|
| rangeMin | GLint | Yes |
| rangeMax | GLint | Yes |
| precision | GLint | Yes |
WebGLRenderingContextBase
WebGLRenderingContextBase
Attributes
| Name | Type | Mandatory |
|---|---|---|
| DEPTH_BUFFER_BIT | GLenum | Yes |
| STENCIL_BUFFER_BIT | GLenum | Yes |
| COLOR_BUFFER_BIT | GLenum | Yes |
| POINTS | GLenum | Yes |
| LINES | GLenum | Yes |
| LINE_LOOP | GLenum | Yes |
| LINE_STRIP | GLenum | Yes |
| TRIANGLES | GLenum | Yes |
| TRIANGLE_STRIP | GLenum | Yes |
| TRIANGLE_FAN | GLenum | Yes |
| ZERO | GLenum | Yes |
| ONE | GLenum | Yes |
| SRC_COLOR | GLenum | Yes |
| ONE_MINUS_SRC_COLOR | GLenum | Yes |
| SRC_ALPHA | GLenum | Yes |
| ONE_MINUS_SRC_ALPHA | GLenum | Yes |
| DST_ALPHA | GLenum | Yes |
| ONE_MINUS_DST_ALPHA | GLenum | Yes |
| DST_COLOR | GLenum | Yes |
| ONE_MINUS_DST_COLOR | GLenum | Yes |
| SRC_ALPHA_SATURATE | GLenum | Yes |
| FUNC_ADD | GLenum | Yes |
| BLEND_EQUATION | GLenum | Yes |
| BLEND_EQUATION_RGB | GLenum | Yes |
| BLEND_EQUATION_ALPHA | GLenum | Yes |
| FUNC_SUBTRACT | GLenum | Yes |
| FUNC_REVERSE_SUBTRACT | GLenum | Yes |
| BLEND_DST_RGB | GLenum | Yes |
| BLEND_SRC_RGB | GLenum | Yes |
| BLEND_DST_ALPHA | GLenum | Yes |
| BLEND_SRC_ALPHA | GLenum | Yes |
| CONSTANT_COLOR | GLenum | Yes |
| ONE_MINUS_CONSTANT_COLOR | GLenum | Yes |
| CONSTANT_ALPHA | GLenum | Yes |
| ONE_MINUS_CONSTANT_ALPHA | GLenum | Yes |
| BLEND_COLOR | GLenum | Yes |
| ARRAY_BUFFER | GLenum | Yes |
| ELEMENT_ARRAY_BUFFER | GLenum | Yes |
| ARRAY_BUFFER_BINDING | GLenum | Yes |
| ELEMENT_ARRAY_BUFFER_BINDING | GLenum | Yes |
| STREAM_DRAW | GLenum | Yes |
| STATIC_DRAW | GLenum | Yes |
| DYNAMIC_DRAW | GLenum | Yes |
| BUFFER_SIZE | GLenum | Yes |
| BUFFER_USAGE | GLenum | Yes |
| CURRENT_VERTEX_ATTRIB | GLenum | Yes |
| FRONT | GLenum | Yes |
| BACK | GLenum | Yes |
| FRONT_AND_BACK | GLenum | Yes |
| CULL_FACE | GLenum | Yes |
| BLEND | GLenum | Yes |
| DITHER | GLenum | Yes |
| STENCIL_TEST | GLenum | Yes |
| DEPTH_TEST | GLenum | Yes |
| SCISSOR_TEST | GLenum | Yes |
| POLYGON_OFFSET_FILL | GLenum | Yes |
| SAMPLE_ALPHA_TO_COVERAGE | GLenum | Yes |
| SAMPLE_COVERAGE | GLenum | Yes |
| NO_ERROR | GLenum | Yes |
| INVALID_ENUM | GLenum | Yes |
| INVALID_VALUE | GLenum | Yes |
| INVALID_OPERATION | GLenum | Yes |
| OUT_OF_MEMORY | GLenum | Yes |
| CW | GLenum | Yes |
| CCW | GLenum | Yes |
| LINE_WIDTH | GLenum | Yes |
| ALIASED_POINT_SIZE_RANGE | GLenum | Yes |
| ALIASED_LINE_WIDTH_RANGE | GLenum | Yes |
| CULL_FACE_MODE | GLenum | Yes |
| FRONT_FACE | GLenum | Yes |
| DEPTH_RANGE | GLenum | Yes |
| DEPTH_WRITEMASK | GLenum | Yes |
| DEPTH_CLEAR_VALUE | GLenum | Yes |
| DEPTH_FUNC | GLenum | Yes |
| STENCIL_CLEAR_VALUE | GLenum | Yes |
| STENCIL_FUNC | GLenum | Yes |
| STENCIL_FAIL | GLenum | Yes |
| STENCIL_PASS_DEPTH_FAIL | GLenum | Yes |
| STENCIL_PASS_DEPTH_PASS | GLenum | Yes |
| STENCIL_REF | GLenum | Yes |
| STENCIL_VALUE_MASK | GLenum | Yes |
| STENCIL_WRITEMASK | GLenum | Yes |
| STENCIL_BACK_FUNC | GLenum | Yes |
| STENCIL_BACK_FAIL | GLenum | Yes |
| STENCIL_BACK_PASS_DEPTH_FAIL | GLenum | Yes |
| STENCIL_BACK_PASS_DEPTH_PASS | GLenum | Yes |
| STENCIL_BACK_REF | GLenum | Yes |
| STENCIL_BACK_VALUE_MASK | GLenum | Yes |
| STENCIL_BACK_WRITEMASK | GLenum | Yes |
| VIEWPORT | GLenum | Yes |
| SCISSOR_BOX | GLenum | Yes |
| COLOR_CLEAR_VALUE | GLenum | Yes |
| COLOR_WRITEMASK | GLenum | Yes |
| UNPACK_ALIGNMENT | GLenum | Yes |
| PACK_ALIGNMENT | GLenum | Yes |
| MAX_TEXTURE_SIZE | GLenum | Yes |
| MAX_VIEWPORT_DIMS | GLenum | Yes |
| SUBPIXEL_BITS | GLenum | Yes |
| RED_BITS | GLenum | Yes |
| GREEN_BITS | GLenum | Yes |
| BLUE_BITS | GLenum | Yes |
| ALPHA_BITS | GLenum | Yes |
| DEPTH_BITS | GLenum | Yes |
| STENCIL_BITS | GLenum | Yes |
| POLYGON_OFFSET_UNITS | GLenum | Yes |
| POLYGON_OFFSET_FACTOR | GLenum | Yes |
| TEXTURE_BINDING_2D | GLenum | Yes |
| SAMPLE_BUFFERS | GLenum | Yes |
| SAMPLES | GLenum | Yes |
| SAMPLE_COVERAGE_VALUE | GLenum | Yes |
| SAMPLE_COVERAGE_INVERT | GLenum | Yes |
| COMPRESSED_TEXTURE_FORMATS | GLenum | Yes |
| DONT_CARE | GLenum | Yes |
| FASTEST | GLenum | Yes |
| NICEST | GLenum | Yes |
| GENERATE_MIPMAP_HINT | GLenum | Yes |
| BYTE | GLenum | Yes |
| UNSIGNED_BYTE | GLenum | Yes |
| SHORT | GLenum | Yes |
| UNSIGNED_SHORT | GLenum | Yes |
| INT | GLenum | Yes |
| UNSIGNED_INT | GLenum | Yes |
| FLOAT | GLenum | Yes |
| DEPTH_COMPONENT | GLenum | Yes |
| ALPHA | GLenum | Yes |
| RGB | GLenum | Yes |
| RGBA | GLenum | Yes |
| LUMINANCE | GLenum | Yes |
| LUMINANCE_ALPHA | GLenum | Yes |
| UNSIGNED_SHORT_4_4_4_4 | GLenum | Yes |
| UNSIGNED_SHORT_5_5_5_1 | GLenum | Yes |
| UNSIGNED_SHORT_5_6_5 | GLenum | Yes |
| FRAGMENT_SHADER | GLenum | Yes |
| VERTEX_SHADER | GLenum | Yes |
| MAX_VERTEX_ATTRIBS | GLenum | Yes |
| MAX_VERTEX_UNIFORM_VECTORS | GLenum | Yes |
| MAX_VARYING_VECTORS | GLenum | Yes |
| MAX_COMBINED_TEXTURE_IMAGE_UNITS | GLenum | Yes |
| MAX_VERTEX_TEXTURE_IMAGE_UNITS | GLenum | Yes |
| MAX_TEXTURE_IMAGE_UNITS | GLenum | Yes |
| MAX_FRAGMENT_UNIFORM_VECTORS | GLenum | Yes |
| SHADER_TYPE | GLenum | Yes |
| DELETE_STATUS | GLenum | Yes |
| LINK_STATUS | GLenum | Yes |
| VALIDATE_STATUS | GLenum | Yes |
| ATTACHED_SHADERS | GLenum | Yes |
| ACTIVE_UNIFORMS | GLenum | Yes |
| ACTIVE_ATTRIBUTES | GLenum | Yes |
| SHADING_LANGUAGE_VERSION | GLenum | Yes |
| CURRENT_PROGRAM | GLenum | Yes |
| NEVER | GLenum | Yes |
| LESS | GLenum | Yes |
| EQUAL | GLenum | Yes |
| LEQUAL | GLenum | Yes |
| GREATER | GLenum | Yes |
| NOTEQUAL | GLenum | Yes |
| GEQUAL | GLenum | Yes |
| ALWAYS | GLenum | Yes |
| KEEP | GLenum | Yes |
| REPLACE | GLenum | Yes |
| INCR | GLenum | Yes |
| DECR | GLenum | Yes |
| INVERT | GLenum | Yes |
| INCR_WRAP | GLenum | Yes |
| DECR_WRAP | GLenum | Yes |
| VENDOR | GLenum | Yes |
| RENDERER | GLenum | Yes |
| VERSION | GLenum | Yes |
| NEAREST | GLenum | Yes |
| LINEAR | GLenum | Yes |
| NEAREST_MIPMAP_NEAREST | GLenum | Yes |
| LINEAR_MIPMAP_NEAREST | GLenum | Yes |
| NEAREST_MIPMAP_LINEAR | GLenum | Yes |
| LINEAR_MIPMAP_LINEAR | GLenum | Yes |
| TEXTURE_MIN_FILTER | GLenum | Yes |
| TEXTURE_WRAP_S | GLenum | Yes |
| TEXTURE_WRAP_T | GLenum | Yes |
| TEXTURE_2D | GLenum | Yes |
| TEXTURE | GLenum | Yes |
| TEXTURE_CUBE_MAP | GLenum | Yes |
| TEXTURE_BINDING_CUBE_MAP | GLenum | Yes |
| TEXTURE_CUBE_MAP_POSITIVE_X | GLenum | Yes |
| TEXTURE_CUBE_MAP_NEGATIVE_X | GLenum | Yes |
| TEXTURE_CUBE_MAP_POSITIVE_Y | GLenum | Yes |
| TEXTURE_CUBE_MAP_NEGATIVE_Y | GLenum | Yes |
| TEXTURE_CUBE_MAP_POSITIVE_Z | GLenum | Yes |
| TEXTURE_CUBE_MAP_NEGATIVE_Z | GLenum | Yes |
| MAX_CUBE_MAP_TEXTURE_SIZE | GLenum | Yes |
| TEXTURE0 | GLenum | Yes |
| TEXTURE1 | GLenum | Yes |
| TEXTURE2 | GLenum | Yes |
| TEXTURE3 | GLenum | Yes |
| TEXTURE4 | GLenum | Yes |
| TEXTURE5 | GLenum | Yes |
| TEXTURE6 | GLenum | Yes |
| TEXTURE7 | GLenum | Yes |
| TEXTURE8 | GLenum | Yes |
| TEXTURE9 | GLenum | Yes |
| TEXTURE10 | GLenum | Yes |
| TEXTURE11 | GLenum | Yes |
| TEXTURE12 | GLenum | Yes |
| TEXTURE13 | GLenum | Yes |
| TEXTURE14 | GLenum | Yes |
| TEXTURE15 | GLenum | Yes |
| TEXTURE16 | GLenum | Yes |
| TEXTURE17 | GLenum | Yes |
| TEXTURE18 | GLenum | Yes |
| TEXTURE19 | GLenum | Yes |
| TEXTURE20 | GLenum | Yes |
| TEXTURE21 | GLenum | Yes |
| TEXTURE22 | GLenum | Yes |
| TEXTURE23 | GLenum | Yes |
| TEXTURE24 | GLenum | Yes |
| TEXTURE25 | GLenum | Yes |
| TEXTURE26 | GLenum | Yes |
| TEXTURE27 | GLenum | Yes |
| TEXTURE28 | GLenum | Yes |
| TEXTURE29 | GLenum | Yes |
| TEXTURE30 | GLenum | Yes |
| TEXTURE31 | GLenum | Yes |
| ACTIVE_TEXTURE | GLenum | Yes |
| REPEAT | GLenum | Yes |
| CLAMP_TO_EDGE | GLenum | Yes |
| MIRRORED_REPEAT | GLenum | Yes |
| FLOAT_VEC2 | GLenum | Yes |
| FLOAT_VEC3 | GLenum | Yes |
| FLOAT_VEC4 | GLenum | Yes |
| INT_VEC2 | GLenum | Yes |
| INT_VEC3 | GLenum | Yes |
| INT_VEC4 | GLenum | Yes |
| BOOL | GLenum | Yes |
| BOOL_VEC2 | GLenum | Yes |
| BOOL_VEC3 | GLenum | Yes |
| BOOL_VEC4 | GLenum | Yes |
| FLOAT_MAT2 | GLenum | Yes |
| FLOAT_MAT3 | GLenum | Yes |
| FLOAT_MAT4 | GLenum | Yes |
| SAMPLER_2D | GLenum | Yes |
| SAMPLER_CUBE | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_ENABLED | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_SIZE | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_STRIDE | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_TYPE | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_NORMALIZED | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_POINTER | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_BUFFER_BINDING | GLenum | Yes |
| IMPLEMENTATION_COLOR_READ_TYPE | GLenum | Yes |
| IMPLEMENTATION_COLOR_READ_FORMAT | GLenum | Yes |
| COMPILE_STATUS | GLenum | Yes |
| LOW_FLOAT | GLenum | Yes |
| MEDIUM_FLOAT | GLenum | Yes |
| HIGH_FLOAT | GLenum | Yes |
| LOW_INT | GLenum | Yes |
| MEDIUM_INT | GLenum | Yes |
| HIGH_INT | GLenum | Yes |
| FRAMEBUFFER | GLenum | Yes |
| RENDERBUFFER | GLenum | Yes |
| RGBA4 | GLenum | Yes |
| RGB5_A1 | GLenum | Yes |
| RGB565 | GLenum | Yes |
| DEPTH_COMPONENT16 | GLenum | Yes |
| STENCIL_INDEX8 | GLenum | Yes |
| DEPTH_STENCIL | GLenum | Yes |
| RENDERBUFFER_WIDTH | GLenum | Yes |
| RENDERBUFFER_HEIGHT | GLenum | Yes |
| RENDERBUFFER_INTERNAL_FORMAT | GLenum | Yes |
| RENDERBUFFER_RED_SIZE | GLenum | Yes |
| RENDERBUFFER_GREEN_SIZE | GLenum | Yes |
| RENDERBUFFER_BLUE_SIZE | GLenum | Yes |
| RENDERBUFFER_ALPHA_SIZE | GLenum | Yes |
| RENDERBUFFER_DEPTH_SIZE | GLenum | Yes |
| RENDERBUFFER_STENCIL_SIZE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE | GLenum | Yes |
| COLOR_ATTACHMENT0 | GLenum | Yes |
| DEPTH_ATTACHMENT | GLenum | Yes |
| STENCIL_ATTACHMENT | GLenum | Yes |
| DEPTH_STENCIL_ATTACHMENT | GLenum | Yes |
| NONE | GLenum | Yes |
| FRAMEBUFFER_COMPLETE | GLenum | Yes |
| FRAMEBUFFER_INCOMPLETE_ATTACHMENT | GLenum | Yes |
| FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT | GLenum | Yes |
| FRAMEBUFFER_INCOMPLETE_DIMENSIONS | GLenum | Yes |
| FRAMEBUFFER_UNSUPPORTED | GLenum | Yes |
| FRAMEBUFFER_BINDING | GLenum | Yes |
| RENDERBUFFER_BINDING | GLenum | Yes |
| MAX_RENDERBUFFER_SIZE | GLenum | Yes |
| INVALID_FRAMEBUFFER_OPERATION | GLenum | Yes |
| UNPACK_FLIP_Y_WEBGL | GLenum | Yes |
| UNPACK_PREMULTIPLY_ALPHA_WEBGL | GLenum | Yes |
| CONTEXT_LOST_WEBGL | GLenum | Yes |
| UNPACK_COLORSPACE_CONVERSION_WEBGL | GLenum | Yes |
| BROWSER_DEFAULT_WEBGL | GLenum | Yes |
| canvas | HTMLCanvasElement |OffscreenCanvas | Yes |
| drawingBufferWidth | GLsizei | Yes |
| drawingBufferHeight | GLsizei | Yes |
Methods
| Method | Return Value Type |
|---|---|
| getContextAttributes() | WebGLContextAttributes |null |
| isContextLost() | boolean |
| getSupportedExtensions() | string[] |null |
| getExtension(name: string) | any |
| activeTexture(texture: GLenum) | void |
| attachShader(program: WebGLProgram, shader: WebGLShader) | void |
| bindAttribLocation(program: WebGLProgram, index: GLuint, name: string) | void |
| bindBuffer(target: GLenum, buffer: WebGLBuffer |null) | void |
| bindFramebuffer(target: GLenum, framebuffer: WebGLFramebuffer |null) | void |
| bindRenderbuffer(target: GLenum, renderbuffer: WebGLRenderbuffer |null) | void |
| bindTexture(target: GLenum, texture: WebGLTexture |null) | void |
| blendColor(red: GLclampf, green: GLclampf, blue: GLclampf, alpha: GLclampf) | void |
| blendEquation(mode: GLenum) | void |
| blendEquationSeparate(modeRGB: GLenum, modeAlpha: GLenum) | void |
| blendFunc(sfactor: GLenum, dfactor: GLenum) | void |
| blendFuncSeparate(srcRGB: GLenum, dstRGB: GLenum, srcAlpha: GLenum, dstAlpha: GLenum) | void |
| checkFramebufferStatus(target: GLenum) | GLenum |
| clear(mask: GLbitfield) | void |
| clearColor(red: GLclampf, green: GLclampf, blue: GLclampf, alpha: GLclampf) | void |
| clearDepth(depth: GLclampf) | void |
| clearStencil(s: GLint) | void |
| colorMask(red: GLboolean, green: GLboolean, blue: GLboolean, alpha: GLboolean) | void |
| compileShader(shader: WebGLShader) | void |
| copyTexImage2D(target: GLenum, level: GLint, internalformat: GLenum, x: GLint, y: GLint, width: GLsizei, height: GLsizei, border: GLint) | void |
| copyTexSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, x: GLint, y: GLint, width: GLsizei, height: GLsizei) | void |
| createBuffer() | WebGLBuffer |null |
| createFramebuffer() | WebGLFramebuffer |null |
| createProgram() | WebGLProgram |null |
| createRenderbuffer() | WebGLRenderbuffer |null |
| createShader(type: GLenum) | WebGLShader |null |
| createTexture() | WebGLTexture |null |
| cullFace(mode: GLenum) | void |
| deleteBuffer(buffer: WebGLBuffer |null) | void |
| deleteFramebuffer(framebuffer: WebGLFramebuffer |null) | void |
| deleteProgram(program: WebGLProgram |null) | void |
| deleteRenderbuffer(renderbuffer: WebGLRenderbuffer |null) | void |
| deleteShader(shader: WebGLShader |null) | void |
| deleteTexture(texture: WebGLTexture |null) | void |
| depthFunc(func: GLenum) | void |
| depthMask(flag: GLboolean) | void |
| depthRange(zNear: GLclampf, zFar: GLclampf) | void |
| detachShader(program: WebGLProgram, shader: WebGLShader) | void |
| disable(cap: GLenum) | void |
| disableVertexAttribArray(index: GLuint) | void |
| drawArrays(mode: GLenum, first: GLint, count: GLsizei) | void |
| drawElements(mode: GLenum, count: GLsizei, type: GLenum, offset: GLintptr) | void |
| enable(cap: GLenum) | void |
| enableVertexAttribArray(index: GLuint) | void |
| finish() | void |
| flush() | void |
| framebufferRenderbuffer(target: GLenum, attachment: GLenum, renderbuffertarget: GLenum, renderbuffer: WebGLRenderbuffer |null) | void |
| framebufferTexture2D(target: GLenum, attachment: GLenum, textarget: GLenum, texture: WebGLTexture |null, level: GLint) | void |
| frontFace(mode: GLenum) | void |
| generateMipmap(target: GLenum) | void |
| getActiveAttrib(program: WebGLProgram, index: GLuint) | WebGLActiveInfo |null |
| getActiveUniform(program: WebGLProgram, index: GLuint) | WebGLActiveInfo |null |
| getAttachedShaders(program: WebGLProgram) | WebGLShader[] |null |
| getAttribLocation(program: WebGLProgram, name: string) | GLint |
| getBufferParameter(target: GLenum, pname: GLenum) | any |
| getParameter(pname: GLenum) | any |
| getError() | GLenum |
| getFramebufferAttachmentParameter(target: GLenum, attachment: GLenum, pname: GLenum) | any |
| getProgramParameter(program: WebGLProgram, pname: GLenum) | any |
| getProgramInfoLog(program: WebGLProgram) | string |null |
| getRenderbufferParameter(target: GLenum, pname: GLenum) | any |
| getShaderParameter(shader: WebGLShader, pname: GLenum) | any |
| getShaderPrecisionFormat(shadertype: GLenum, precisiontype: GLenum) | WebGLShaderPrecisionFormat |null |
| getShaderInfoLog(shader: WebGLShader) | string |null |
| getShaderSource(shader: WebGLShader) | string |null |
| getTexParameter(target: GLenum, pname: GLenum) | any |
| getUniform(program: WebGLProgram, location: WebGLUniformLocation) | any |
| getUniformLocation(program: WebGLProgram, name: string) | WebGLUniformLocation |null |
| getVertexAttrib(index: GLuint, pname: GLenum) | any |
| getVertexAttribOffset(index: GLuint, pname: GLenum) | GLintptr |
| hint(target: GLenum, mode: GLenum) | void |
| isBuffer(buffer: WebGLBuffer |null) | GLboolean |
| isEnabled(cap: GLenum) | GLboolean |
| isFramebuffer(framebuffer: WebGLFramebuffer |null) | GLboolean |
| isProgram(program: WebGLProgram |null) | GLboolean |
| isRenderbuffer(renderbuffer: WebGLRenderbuffer |null) | GLboolean |
| isShader(shader: WebGLShader |null) | GLboolean |
| isTexture(texture: WebGLTexture |null) | GLboolean |
| lineWidth(width: GLfloat) | void |
| linkProgram(program: WebGLProgram) | void |
| pixelStorei(pname: GLenum, param: GLint |GLboolean) | void |
| polygonOffset(factor: GLfloat, units: GLfloat) | void |
| renderbufferStorage(target: GLenum, internalformat: GLenum, width: GLsizei, height: GLsizei) | void |
| sampleCoverage(value: GLclampf, invert: GLboolean) | void |
| scissor(x: GLint, y: GLint, width: GLsizei, height: GLsizei) | void |
| shaderSource(shader: WebGLShader, source: string) | void |
| stencilFunc(func: GLenum, ref: GLint, mask: GLuint) | void |
| stencilFuncSeparate(face: GLenum, func: GLenum, ref: GLint, mask: GLuint) | void |
| stencilMask(mask: GLuint) | void |
| stencilMaskSeparate(face: GLenum, mask: GLuint) | void |
| stencilOp(fail: GLenum, zfail: GLenum, zpass: GLenum) | void |
| stencilOpSeparate(face: GLenum, fail: GLenum, zfail: GLenum, zpass: GLenum) | void |
| texParameterf(target: GLenum, pname: GLenum, param: GLfloat) | void |
| texParameteri(target: GLenum, pname: GLenum, param: GLint) | void |
| uniform1f(location: WebGLUniformLocation |null, x: GLfloat) | void |
| uniform2f(location: WebGLUniformLocation |null, x: GLfloat, y: GLfloat) | void |
| uniform3f(location: WebGLUniformLocation |null, x: GLfloat, y: GLfloat, z: GLfloat) | void |
| uniform4f(location: WebGLUniformLocation |null, x: GLfloat, y: GLfloat, z: GLfloat, w: GLfloat) | void |
| uniform1i(location: WebGLUniformLocation |null, x: GLint) | void |
| uniform2i(location: WebGLUniformLocation |null, x: GLint, y: GLint) | void |
| uniform3i(location: WebGLUniformLocation |null, x: GLint, y: GLint, z: GLint) | void |
| uniform4i(location: WebGLUniformLocation |null, x: GLint, y: GLint, z: GLint, w: GLint) | void |
| useProgram(program: WebGLProgram |null) | void |
| validateProgram(program: WebGLProgram) | void |
| vertexAttrib1f(index: GLuint, x: GLfloat) | void |
| vertexAttrib2f(index: GLuint, x: GLfloat, y: GLfloat) | void |
| vertexAttrib3f(index: GLuint, x: GLfloat, y: GLfloat, z: GLfloat) | void |
| vertexAttrib4f(index: GLuint, x: GLfloat, y: GLfloat, z: GLfloat, w: GLfloat) | void |
| vertexAttrib1fv(index: GLuint, values: Float32List) | void |
| vertexAttrib2fv(index: GLuint, values: Float32List) | void |
| vertexAttrib3fv(index: GLuint, values: Float32List) | void |
| vertexAttrib4fv(index: GLuint, values: Float32List) | void |
| vertexAttribPointer(index: GLuint, size: GLint, type: GLenum, normalized: GLboolean, stride: GLsizei, offset: GLintptr) | void |
| viewport(x: GLint, y: GLint, width: GLsizei, height: GLsizei) | void |
WebGLRenderingContextOverloads
WebGLRenderingContextOverloads
| Method | Return Value Type |
|---|---|
| bufferData(target: GLenum, size: GLsizeiptr, usage: GLenum) | void |
| bufferData(target: GLenum, data: BufferSource |null, usage: GLenum) | void |
| bufferSubData(target: GLenum, offset: GLintptr, data: BufferSource) | void |
| compressedTexImage2D(target: GLenum, level: GLint, internalformat: GLenum, width: GLsizei, height: GLsizei, border: GLint, data: ArrayBufferView) | void |
| compressedTexSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, width: GLsizei, height: GLsizei, format: GLenum, data: ArrayBufferView) | void |
| readPixels(x: GLint, y: GLint, width: GLsizei, height: GLsizei, format: GLenum, type: GLenum, pixels: ArrayBufferView |null) | void |
| texImage2D(target: GLenum, level: GLint, internalformat: GLint, width: GLsizei, height: GLsizei, border: GLint, format: GLenum, type: GLenum, pixels: ArrayBufferView |null) | void |
| texImage2D(target: GLenum, level: GLint, internalformat: GLint, format: GLenum, type: GLenum, source: TexImageSource) | void |
| texSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, width: GLsizei, height: GLsizei, format: GLenum, type: GLenum, pixels: ArrayBufferView |null) | void |
| texSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, format: GLenum, type: GLenum, source: TexImageSource) | void |
| uniform1fv(location: WebGLUniformLocation |null, v: Float32List) | void |
| uniform2fv(location: WebGLUniformLocation |null, v: Float32List) | void |
| uniform3fv(location: WebGLUniformLocation |null, v: Float32List) | void |
| uniform4fv(location: WebGLUniformLocation |null, v: Float32List) | void |
| uniform1iv(location: WebGLUniformLocation |null, v: Int32List) | void |
| uniform2iv(location: WebGLUniformLocation |null, v: Int32List) | void |
| uniform3iv(location: WebGLUniformLocation |null, v: Int32List) | void |
| uniform4iv(location: WebGLUniformLocation |null, v: Int32List) | void |
| uniformMatrix2fv(location: WebGLUniformLocation |null, transpose: GLboolean, value: Float32List) | void |
| uniformMatrix3fv(location: WebGLUniformLocation |null, transpose: GLboolean, value: Float32List) | void |
| uniformMatrix4fv(location: WebGLUniformLocation |null, transpose: GLboolean, value: Float32List) | void |
你可能感兴趣的鸿蒙文章
harmony 鸿蒙System Common Events (To Be Deprecated Soon)
harmony 鸿蒙System Common Events
harmony 鸿蒙API Reference Document Description
harmony 鸿蒙BundleStatusCallback
harmony 鸿蒙@ohos.bundle.innerBundleManager (innerBundleManager)
harmony 鸿蒙@ohos.distributedBundle (Distributed Bundle Management)
harmony 鸿蒙@ohos.bundle (Bundle)
harmony 鸿蒙@ohos.enterprise.EnterpriseAdminExtensionAbility (EnterpriseAdminExtensionAbility)
harmony 鸿蒙@ohos.WorkSchedulerExtensionAbility (Work Scheduler Callbacks)