搜索历史

清空
搜索热词
      0
      • 聊天消息
      • 系统消息
      • 评论与回复
      查看更多
      查看更多
      查看更多
      VIP于 到期 续费
      登录后你可以
      • 下载海量资料
      • 学习在线课程
      • 观看技术视频
      • 写文章/发帖/加入社区
      会员中心
      创作中心
      发布
      创作活动

      完善资料让更多小伙伴认识你，还能领取20积分哦，立即完善>

      3天内不再提示

      鸿蒙开发接口图形图像：【WebGL2】

      jf_46214456 • 来源：jf_46214456 • 作者：jf_46214456 • 2024-05-30 15:19 • 次阅读

      WebGL2

      WebGL2支持图形的绘制，包括对当前绘制图形的位置、颜色等进行处理，其中相对WebGL来说对渲染管道和着色语言进行了增强。

      WebGL标准图形API，对应OpenGL ES 3.0特性集。

      说明：
      开发前请熟悉鸿蒙开发指导文档 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
      本模块首批接口从API version 7开始支持。后续版本的新增接口，采用上角标单独标记接口的起始版本。

      调用方式

      hml内创建canvas，示例如下：

      < !--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 >

      js内获取canvas实例，示例如下：

      // 获取canvas组件实例
const el = this.$refs.canvas1;
// 从canvas组件实例获取WebGL上下文
const gl = el.getContext('webgl2');
// 调用WebGL API
gl.clearColor(0.0, 0.0, 0.0, 1.0);

      Type

      系统能力： 以下各项对应的系统能力均为 SystemCapability.Graphic.Graphic2D.WebGL2。

      表1 Type

      名称类型
      GLenumnumber
      GLint64number
      GLuint64number
      Uint32Listarray

      Interface

      系统能力： 以下各项对应的系统能力均为 SystemCapability.Graphic.Graphic2D.WebGL2。

      表2 Interface

      名称
      [WebGL2RenderingContextBase]
      [WebGL2RenderingContextOverloads]
      WebGLQuery
      WebGLSampler
      WebGLSync
      WebGLTransformFeedback
      WebGLVertexArrayObject

      WebGL2RenderingContextBase

      WebGL2RenderingContextBase

      属性

      名称参数类型必填
      READ_BUFFERGLenum是
      UNPACK_ROW_LENGTHGLenum是
      UNPACK_SKIP_ROWSGLenum是
      UNPACK_SKIP_PIXELSGLenum是
      PACK_ROW_LENGTHGLenum是
      PACK_SKIP_ROWSGLenum是
      PACK_SKIP_PIXELSGLenum是
      COLORGLenum是
      DEPTHGLenum是
      STENCILGLenum是
      REDGLenum是
      RGB8GLenum是
      RGBA8GLenum是
      RGB10_A2GLenum是
      TEXTURE_BINDING_3DGLenum是
      UNPACK_SKIP_IMAGESGLenum是
      UNPACK_IMAGE_HEIGHTGLenum是
      TEXTURE_3DGLenum是
      TEXTURE_WRAP_RGLenum是
      MAX_3D_TEXTURE_SIZEGLenum是
      UNSIGNED_INT_2_10_10_10_REVGLenum是
      MAX_ELEMENTS_VERTICESGLenum是
      MAX_ELEMENTS_INDICESGLenum是
      TEXTURE_MIN_LODGLenum是
      TEXTURE_MAX_LODGLenum是
      TEXTURE_BASE_LEVELGLenum是
      TEXTURE_MAX_LEVELGLenum是
      MINGLenum是
      MAXGLenum是
      DEPTH_COMPONENT24GLenum是
      MAX_TEXTURE_LOD_BIASGLenum是
      TEXTURE_COMPARE_MODEGLenum是
      TEXTURE_COMPARE_FUNCGLenum是
      CURRENT_QUERYGLenum是
      QUERY_RESULTGLenum是
      QUERY_RESULT_AVAILABLEGLenum是
      STREAM_READGLenum是
      STREAM_COPYGLenum是
      STATIC_READGLenum是
      STATIC_COPYGLenum是
      DYNAMIC_READGLenum是
      DYNAMIC_COPYGLenum是
      MAX_DRAW_BUFFERSGLenum是
      DRAW_BUFFER0GLenum是
      DRAW_BUFFER1GLenum是
      DRAW_BUFFER2GLenum是
      DRAW_BUFFER3GLenum是
      DRAW_BUFFER4GLenum是
      DRAW_BUFFER5GLenum是
      DRAW_BUFFER6GLenum是
      DRAW_BUFFER7GLenum是
      DRAW_BUFFER8GLenum是
      DRAW_BUFFER9GLenum是
      DRAW_BUFFER10GLenum是
      DRAW_BUFFER11GLenum是
      DRAW_BUFFER12GLenum是
      DRAW_BUFFER13GLenum是
      DRAW_BUFFER14GLenum是
      DRAW_BUFFER15GLenum是
      MAX_FRAGMENT_UNIFORM_COMPONENTSGLenum是
      MAX_VERTEX_UNIFORM_COMPONENTSGLenum是
      SAMPLER_3DGLenum是
      SAMPLER_2D_SHADOWGLenum是
      FRAGMENT_SHADER_DERIVATIVE_HINTGLenum是
      PIXEL_PACK_BUFFERGLenum是
      PIXEL_UNPACK_BUFFERGLenum是
      PIXEL_PACK_BUFFER_BINDINGGLenum是
      PIXEL_UNPACK_BUFFER_BINDINGGLenum是
      FLOAT_MAT2x3GLenum是
      FLOAT_MAT2x4GLenum是
      FLOAT_MAT3x2GLenum是
      FLOAT_MAT3x4GLenum是
      FLOAT_MAT4x2GLenum是
      FLOAT_MAT4x3GLenum是
      SRGBGLenum是
      SRGB8GLenum是
      SRGB8_ALPHA8GLenum是
      COMPARE_REF_TO_TEXTUREGLenum是
      RGBA32FGLenum是
      RGB32FGLenum是
      RGBA16FGLenum是
      RGB16FGLenum是
      VERTEX_ATTRIB_ARRAY_INTEGERGLenum是
      MAX_ARRAY_TEXTURE_LAYERSGLenum是
      MIN_PROGRAM_TEXEL_OFFSETGLenum是
      MAX_PROGRAM_TEXEL_OFFSETGLenum是
      MAX_VARYING_COMPONENTSGLenum是
      TEXTURE_2D_ARRAYGLenum是
      TEXTURE_BINDING_2D_ARRAYGLenum是
      R11F_G11F_B10FGLenum是
      UNSIGNED_INT_10F_11F_11F_REVGLenum是
      RGB9_E5GLenum是
      UNSIGNED_INT_5_9_9_9_REVGLenum是
      TRANSFORM_FEEDBACK_BUFFER_MODEGLenum是
      MAX_TRANSFORM_FEEDBACK_SEPARATE_COMPONENTSGLenum是
      TRANSFORM_FEEDBACK_VARYINGSGLenum是
      TRANSFORM_FEEDBACK_BUFFER_STARTGLenum是
      TRANSFORM_FEEDBACK_BUFFER_SIZEGLenum是
      TRANSFORM_FEEDBACK_PRIMITIVES_WRITTENGLenum是
      RASTERIZER_DISCARDGLenum是
      MAX_TRANSFORM_FEEDBACK_INTERLEAVED_COMPONENTSGLenum是
      MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBSGLenum是
      INTERLEAVED_ATTRIBSGLenum是
      SEPARATE_ATTRIBSGLenum是
      TRANSFORM_FEEDBACK_BUFFERGLenum是
      TRANSFORM_FEEDBACK_BUFFER_BINDINGGLenum是
      RGBA32UIGLenum是
      RGB32UIGLenum是
      RGBA16UIGLenum是
      RGB16UIGLenum是
      RGBA8UIGLenum是
      RGB8UIGLenum是
      RGBA32IGLenum是
      RGB32IGLenum是
      RGBA16IGLenum是
      RGB16IGLenum是
      RGBA8IGLenum是
      RGB8IGLenum是
      RED_INTEGERGLenum是
      RGB_INTEGERGLenum是
      RGBA_INTEGERGLenum是
      SAMPLER_2D_ARRAYGLenum是
      SAMPLER_2D_ARRAY_SHADOWGLenum是
      SAMPLER_CUBE_SHADOWGLenum是
      UNSIGNED_INT_VEC2GLenum是
      UNSIGNED_INT_VEC3GLenum是
      UNSIGNED_INT_VEC4GLenum是
      INT_SAMPLER_2DGLenum是
      INT_SAMPLER_3DGLenum是
      INT_SAMPLER_CUBEGLenum是
      INT_SAMPLER_2D_ARRAYGLenum是
      UNSIGNED_INT_SAMPLER_2DGLenum是
      UNSIGNED_INT_SAMPLER_3DGLenum是
      UNSIGNED_INT_SAMPLER_CUBEGLenum是
      UNSIGNED_INT_SAMPLER_2D_ARRAYGLenum是
      DEPTH_COMPONENT32FGLenum是
      DEPTH32F_STENCIL8GLenum是
      FLOAT_32_UNSIGNED_INT_24_8_REVGLenum是
      FRAMEBUFFER_ATTACHMENT_COLOR_ENCODINGGLenum是
      FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPEGLenum是
      FRAMEBUFFER_ATTACHMENT_RED_SIZEGLenum是
      FRAMEBUFFER_ATTACHMENT_GREEN_SIZEGLenum是
      FRAMEBUFFER_ATTACHMENT_BLUE_SIZEGLenum是
      FRAMEBUFFER_ATTACHMENT_ALPHA_SIZEGLenum是
      FRAMEBUFFER_ATTACHMENT_DEPTH_SIZEGLenum是
      FRAMEBUFFER_ATTACHMENT_STENCIL_SIZEGLenum是
      FRAMEBUFFER_DEFAULTGLenum是
      UNSIGNED_INT_24_8GLenum是
      DEPTH24_STENCIL8GLenum是
      UNSIGNED_NORMALIZEDGLenum是
      DRAW_FRAMEBUFFER_BINDINGGLenum是
      READ_FRAMEBUFFERGLenum是
      DRAW_FRAMEBUFFERGLenum是
      READ_FRAMEBUFFER_BINDINGGLenum是
      RENDERBUFFER_SAMPLESGLenum是
      FRAMEBUFFER_ATTACHMENT_TEXTURE_LAYERGLenum是
      MAX_COLOR_ATTACHMENTSGLenum是
      COLOR_ATTACHMENT1GLenum是
      COLOR_ATTACHMENT2GLenum是
      COLOR_ATTACHMENT3GLenum是
      COLOR_ATTACHMENT4GLenum是
      COLOR_ATTACHMENT5GLenum是
      COLOR_ATTACHMENT6GLenum是
      COLOR_ATTACHMENT7GLenum是
      COLOR_ATTACHMENT8GLenum是
      COLOR_ATTACHMENT9GLenum是
      COLOR_ATTACHMENT10GLenum是
      COLOR_ATTACHMENT11GLenum是
      COLOR_ATTACHMENT12GLenum是
      COLOR_ATTACHMENT13GLenum是
      COLOR_ATTACHMENT14GLenum是
      COLOR_ATTACHMENT15GLenum是
      FRAMEBUFFER_INCOMPLETE_MULTISAMPLEGLenum是
      MAX_SAMPLESGLenum是
      HALF_FLOATGLenum是
      RGGLenum是
      RG_INTEGERGLenum是
      R8GLenum是
      RG8GLenum是
      R16FGLenum是
      R32FGLenum是
      RG16FGLenum是
      RG32FGLenum是
      R8IGLenum是
      R8UIGLenum是
      R16IGLenum是
      R16UIGLenum是
      R32IGLenum是
      R32UIGLenum是
      RG8IGLenum是
      RG8UIGLenum是
      RG16IGLenum是
      RG16UIGLenum是
      RG32IGLenum是
      RG32UIGLenum是
      VERTEX_ARRAY_BINDINGGLenum是
      R8_SNORMGLenum是
      RG8_SNORMGLenum是
      RGB8_SNORMGLenum是
      SIGNED_NORMALIZEDGLenum是
      COPY_READ_BUFFERGLenum是
      COPY_WRITE_BUFFERGLenum是
      COPY_READ_BUFFER_BINDINGGLenum是
      COPY_WRITE_BUFFER_BINDINGGLenum是
      UNIFORM_BUFFERGLenum是
      UNIFORM_BUFFER_BINDINGGLenum是
      UNIFORM_BUFFER_STARTGLenum是
      UNIFORM_BUFFER_SIZEGLenum是
      MAX_VERTEX_UNIFORM_BLOCKSGLenum是
      MAX_FRAGMENT_UNIFORM_BLOCKSGLenum是
      MAX_COMBINED_UNIFORM_BLOCKSGLenum是
      MAX_UNIFORM_BUFFER_BINDINGSGLenum是
      MAX_UNIFORM_BLOCK_SIZEGLenum是
      MAX_COMBINED_VERTEX_UNIFORM_COMPONENTSGLenum是
      MAX_COMBINED_FRAGMENT_UNIFORM_COMPONENTSGLenum是
      UNIFORM_BUFFER_OFFSET_ALIGNMENTGLenum是
      ACTIVE_UNIFORM_BLOCKSGLenum是
      UNIFORM_TYPEGLenum是
      UNIFORM_SIZEGLenum是
      UNIFORM_BLOCK_INDEXGLenum是
      UNIFORM_OFFSETGLenum是
      UNIFORM_ARRAY_STRIDEGLenum是
      UNIFORM_MATRIX_STRIDEGLenum是
      UNIFORM_IS_ROW_MAJORGLenum是
      UNIFORM_BLOCK_BINDINGGLenum是
      UNIFORM_BLOCK_DATA_SIZEGLenum是
      UNIFORM_BLOCK_ACTIVE_UNIFORMSGLenum是
      UNIFORM_BLOCK_ACTIVE_UNIFORM_INDICESGLenum是
      UNIFORM_BLOCK_REFERENCED_BY_VERTEX_SHADERGLenum是
      UNIFORM_BLOCK_REFERENCED_BY_FRAGMENT_SHADERGLenum是
      INVALID_INDEXGLenum是
      MAX_VERTEX_OUTPUT_COMPONENTSGLenum是
      MAX_FRAGMENT_INPUT_COMPONENTSGLenum是
      MAX_SERVER_WAIT_TIMEOUTGLenum是
      OBJECT_TYPEGLenum是
      SYNC_CONDITIONGLenum是
      SYNC_STATUSGLenum是
      SYNC_FLAGSGLenum是
      SYNC_FENCEGLenum是
      SYNC_GPU_COMMANDS_COMPLETEGLenum是
      UNSIGNALEDGLenum是
      SIGNALEDGLenum是
      ALREADY_SIGNALEDGLenum是
      TIMEOUT_EXPIREDGLenum是
      CONDITION_SATISFIEDGLenum是
      WAIT_FAILEDGLenum是
      SYNC_FLUSH_COMMANDS_BITGLenum是
      VERTEX_ATTRIB_ARRAY_DIVISORGLenum是
      ANY_SAMPLES_PASSEDGLenum是
      ANY_SAMPLES_PASSED_CONSERVATIVEGLenum是
      SAMPLER_BINDINGGLenum是
      RGB10_A2UIGLenum是
      INT_2_10_10_10_REVGLenum是
      TRANSFORM_FEEDBACKGLenum是
      TRANSFORM_FEEDBACK_PAUSEDGLenum是
      TRANSFORM_FEEDBACK_ACTIVEGLenum是
      TRANSFORM_FEEDBACK_BINDINGGLenum是
      TEXTURE_IMMUTABLE_FORMATGLenum是
      MAX_ELEMENT_INDEXGLenum是
      TEXTURE_IMMUTABLE_LEVELSGLenum是
      TIMEOUT_IGNOREDGLint64是
      MAX_CLIENT_WAIT_TIMEOUT_WEBGLGLenum是

      方法

      方法返回值类型
      copyBufferSubData(readTarget: GLenum, writeTarget: GLenum, readOffset: GLintptr, writeOffset: GLintptr, size: GLsizeiptr)void
      getBufferSubData(target: GLenum, srcByteOffset: GLintptr, dstBuffer: ArrayBufferView, dstOffset?: GLuint, length?: GLuint)void
      blitFramebuffer(srcX0: GLint, srcY0: GLint, srcX1: GLint, srcY1: GLint, dstX0: GLint, dstY0: GLint, dstX1: GLint, dstY1: GLint, mask: GLbitfield, filter: GLenum)void
      framebufferTextureLayer(target: GLenum, attachment: GLenum, texture: WebGLTexturenull, level: GLint, layer: GLint)
      invalidateFramebuffer(target: GLenum, attachments: GLenum[])void
      invalidateSubFramebuffer(target: GLenum, attachments: GLenum[], x: GLint, y: GLint, width: GLsizei, height: GLsizei)void
      readBuffer(src: GLenum)void
      getInternalformatParameter(target: GLenum, internalformat: GLenum, pname: GLenum)any
      renderbufferStorageMultisample(target: GLenum, samples: GLsizei, internalformat: GLenum, width: GLsizei, height: GLsizei)void
      texStorage2D(target: GLenum, levels: GLsizei, internalformat: GLenum, width: GLsizei, height: GLsizei)void
      texStorage3D(target: GLenum, levels: GLsizei, internalformat: GLenum, width: GLsizei, height: GLsizei, depth: GLsizei)void
      texImage3D(target: GLenum, level: GLint, internalformat: GLint, width: GLsizei, height: GLsizei, depth: GLsizei, border: GLint, format: GLenum, type: GLenum, pboOffset: GLintptr)void
      texImage3D(target: GLenum, level: GLint, internalformat: GLint, width: GLsizei, height: GLsizei, depth: GLsizei, border: GLint, format: GLenum, type: GLenum, source: TexImageSource)void
      texImage3D(target: GLenum, level: GLint, internalformat: GLint, width: GLsizei, height: GLsizei, depth: GLsizei, border: GLint, format: GLenum, type: GLenum, srcData: ArrayBufferViewnull)
      texImage3D(target: GLenum, level: GLint, internalformat: GLint, width: GLsizei, height: GLsizei, depth: GLsizei, border: GLint, format: GLenum, type: GLenum, srcData: ArrayBufferView, srcOffset: GLuint)void
      texSubImage3D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, zoffset: GLint, width: GLsizei, height: GLsizei, depth: GLsizei, format: GLenum, type: GLenum, pboOffset: GLintptr)void
      texSubImage3D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, zoffset: GLint, width: GLsizei, height: GLsizei, depth: GLsizei, format: GLenum, type: GLenum, source: TexImageSource)void
      texSubImage3D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, zoffset: GLint, width: GLsizei, height: GLsizei, depth: GLsizei, format: GLenum, type: GLenum, srcData: ArrayBufferViewnull, srcOffset?: GLuint)
      copyTexSubImage3D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, zoffset: GLint, x: GLint, y: GLint, width: GLsizei, height: GLsizei)void
      compressedTexImage3D(target: GLenum, level: GLint, internalformat: GLenum, width: GLsizei, height: GLsizei, depth: GLsizei, border: GLint, imageSize: GLsizei, offset: GLintptr)void
      compressedTexImage3D(target: GLenum, level: GLint, internalformat: GLenum, width: GLsizei, height: GLsizei, depth: GLsizei, border: GLint, srcData: ArrayBufferView, srcOffset?: GLuint, srcLengthOverride?: GLuint)void
      compressedTexSubImage3D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, zoffset: GLint, width: GLsizei, height: GLsizei, depth: GLsizei, format: GLenum, imageSize: GLsizei, offset: GLintptr)void
      compressedTexSubImage3D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, zoffset: GLint, width: GLsizei, height: GLsizei, depth: GLsizei, format: GLenum, srcData: ArrayBufferView, srcOffset?: GLuint, srcLengthOverride?: GLuint)void
      getFragDataLocation(program: WebGLProgram, name: string)GLint
      uniform1ui(location: WebGLUniformLocationnull, v0: GLuint)
      uniform2ui(location: WebGLUniformLocationnull, v0: GLuint, v1: GLuint)
      uniform3ui(location: WebGLUniformLocationnull, v0: GLuint, v1: GLuint, v2: GLuint)
      uniform4ui(location: WebGLUniformLocationnull, v0: GLuint, v1: GLuint, v2: GLuint, v3: GLuint)
      uniform1uiv(location: WebGLUniformLocationnull, data: Uint32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform2uiv(location: WebGLUniformLocationnull, data: Uint32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform3uiv(location: WebGLUniformLocationnull, data: Uint32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform4uiv(location: WebGLUniformLocationnull, data: Uint32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniformMatrix3x2fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniformMatrix4x2fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniformMatrix2x3fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniformMatrix4x3fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniformMatrix2x4fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniformMatrix3x4fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      vertexAttribI4i(index: GLuint, x: GLint, y: GLint, z: GLint, w: GLint)void
      vertexAttribI4iv(index: GLuint, values: Int32List)void
      vertexAttribI4ui(index: GLuint, x: GLuint, y: GLuint, z: GLuint, w: GLuint)void
      vertexAttribI4uiv(index: GLuint, values: Uint32List)void
      vertexAttribIPointer(index: GLuint, size: GLint, type: GLenum, stride: GLsizei, offset: GLintptr)void
      vertexAttribDivisor(index: GLuint, divisor: GLuint)void
      drawArraysInstanced(mode: GLenum, first: GLint, count: GLsizei, instanceCount: GLsizei)void
      drawElementsInstanced(mode: GLenum, count: GLsizei, type: GLenum, offset: GLintptr, instanceCount: GLsizei)void
      drawRangeElements(mode: GLenum, start: GLuint, end: GLuint, count: GLsizei, type: GLenum, offset: GLintptr)void
      drawBuffers(buffers: GLenum[])void
      clearBufferfv(buffer: GLenum, drawbuffer: GLint, values: Float32List, srcOffset?: GLuint)void
      clearBufferiv(buffer: GLenum, drawbuffer: GLint, values: Int32List, srcOffset?: GLuint)void
      clearBufferuiv(buffer: GLenum, drawbuffer: GLint, values: Uint32List, srcOffset?: GLuint)void
      clearBufferfi(buffer: GLenum, drawbuffer: GLint, depth: GLfloat, stencil: GLint)void
      createQuery()WebGLQuery
      deleteQuery(query: WebGLQuerynull)
      isQuery(query: WebGLQuerynull)
      beginQuery(target: GLenum, query: WebGLQuery)void
      endQuery(target: GLenum)void
      getQuery(target: GLenum, pname: GLenum)WebGLQuery
      getQueryParameter(query: WebGLQuery, pname: GLenum)any
      createSampler()WebGLSampler
      deleteSampler(sampler: WebGLSamplernull)
      isSampler(sampler: WebGLSamplernull)
      bindSampler(unit: GLuint, sampler: WebGLSamplernull)
      samplerParameteri(sampler: WebGLSampler, pname: GLenum, param: GLint)void
      samplerParameterf(sampler: WebGLSampler, pname: GLenum, param: GLfloat)void;
      getSamplerParameter(sampler: WebGLSampler, pname: GLenum)any
      fenceSync(condition: GLenum, flags: GLbitfield)WebGLSync
      isSync(sync: WebGLSyncnull)
      deleteSync(sync: WebGLSyncnull)
      clientWaitSync(sync: WebGLSync, flags: GLbitfield, timeout: GLuint64)GLenum
      waitSync(sync: WebGLSync, flags: GLbitfield, timeout: GLint64)void
      getSyncParameter(sync: WebGLSync, pname: GLenum)any
      createTransformFeedback()WebGLTransformFeedback
      deleteTransformFeedback(tf: WebGLTransformFeedbacknull)
      isTransformFeedback(tf: WebGLTransformFeedbacknull)
      bindTransformFeedback(target: GLenum, tf: WebGLTransformFeedbacknull)
      beginTransformFeedback(primitiveMode: GLenum)void
      endTransformFeedback()void
      transformFeedbackVaryings(program: WebGLProgram, varyings: string[], bufferMode: GLenum)void
      getTransformFeedbackVarying(program: WebGLProgram, index: GLuint)WebGLActiveInfo
      pauseTransformFeedback()void
      resumeTransformFeedback()void
      bindBufferBase(target: GLenum, index: GLuint, buffer: WebGLBuffernull)
      bindBufferRange(target: GLenum, index: GLuint, buffer: WebGLBuffernull, offset: GLintptr, size: GLsizeiptr)
      getIndexedParameter(target: GLenum, index: GLuint)any
      getUniformIndices(program: WebGLProgram, uniformNames: string[])GLuint[]
      getActiveUniforms(program: WebGLProgram, uniformIndices: GLuint[], pname: GLenum)any
      getUniformBlockIndex(program: WebGLProgram, uniformBlockName: string)GLuint
      getActiveUniformBlockParameter(program: WebGLProgram, uniformBlockIndex: GLuint, pname: GLenum)any
      getActiveUniformBlockName(program: WebGLProgram, uniformBlockIndex: GLuint)string
      uniformBlockBinding(program: WebGLProgram, uniformBlockIndex: GLuint, uniformBlockBinding: GLuint)void
      createVertexArray()WebGLVertexArrayObject
      deleteVertexArray(vertexArray: WebGLVertexArrayObjectnull)
      isVertexArray(vertexArray: WebGLVertexArrayObjectnull)
      bindVertexArray(array: WebGLVertexArrayObjectnull)

      WebGL2RenderingContextOverloads

      WebGL2RenderingContextOverloads

      搜狗高速浏览器截图20240326151450.png

      方法HarmonyOS与OpenHarmony鸿蒙文档籽料：mau123789是v直接拿返回值类型
      bufferData(target: GLenum, size: GLsizeiptr, usage: GLenum)void
      bufferData(target: GLenum, srcData: BufferSourcenull, usage: GLenum)
      bufferSubData(target: GLenum, dstByteOffset: GLintptr, srcData: BufferSource)void
      bufferData(target: GLenum, srcData: ArrayBufferView, usage: GLenum, srcOffset: GLuint, length?: GLuint)void
      bufferSubData(target: GLenum, dstByteOffset: GLintptr, srcData: ArrayBufferView, srcOffset: GLuint, length?: GLuint)void
      texImage2D(target: GLenum, level: GLint, internalformat: GLint, width: GLsizei, height: GLsizei, border: GLint, format: GLenum, type: GLenum, pixels: ArrayBufferViewnull)
      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: ArrayBufferViewnull)
      texSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, format: GLenum, type: GLenum, source: TexImageSource)void
      texImage2D(target: GLenum, level: GLint, internalformat: GLint, width: GLsizei, height: GLsizei, border: GLint, format: GLenum, type: GLenum, pboOffset: GLintptr)void
      texImage2D(target: GLenum, level: GLint, internalformat: GLint, width: GLsizei, height: GLsizei, border: GLint, format: GLenum, type: GLenum, source: TexImageSource)void
      texImage2D(target: GLenum, level: GLint, internalformat: GLint, width: GLsizei, height: GLsizei, border: GLint, format: GLenum, type: GLenum, srcData: ArrayBufferView, srcOffset: GLuint)void
      texSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, width: GLsizei, height: GLsizei, format: GLenum, type: GLenum, pboOffset: GLintptr)void
      texSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, width: GLsizei, height: GLsizei, format: GLenum, type: GLenum, source: TexImageSource)void
      texSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, width: GLsizei, height: GLsizei, format: GLenum, type: GLenum, srcData: ArrayBufferView, srcOffset: GLuint)void
      compressedTexImage2D(target: GLenum, level: GLint, internalformat: GLenum, width: GLsizei, height: GLsizei, border: GLint, imageSize: GLsizei, offset: GLintptr)void
      compressedTexImage2D(target: GLenum, level: GLint, internalformat: GLenum, width: GLsizei, height: GLsizei, border: GLint, srcData: ArrayBufferView, srcOffset?: GLuint, srcLengthOverride?: GLuint)void
      compressedTexSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, width: GLsizei, height: GLsizei, format: GLenum, imageSize: GLsizei, offset: GLintptr)void
      compressedTexSubImage2D(target: GLenum, level: GLint, xoffset: GLint, yoffset: GLint, width: GLsizei, height: GLsizei, format: GLenum, srcData: ArrayBufferView, srcOffset?: GLuint, srcLengthOverride?: GLuint)void
      uniform1fv(location: WebGLUniformLocationnull, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform2fv(location: WebGLUniformLocationnull, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform3fv(location: WebGLUniformLocationnull, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform4fv(location: WebGLUniformLocationnull, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform1iv(location: WebGLUniformLocationnull, data: Int32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform2iv(location: WebGLUniformLocationnull, data: Int32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform3iv(location: WebGLUniformLocationnull, data: Int32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniform4iv(location: WebGLUniformLocationnull, data: Int32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniformMatrix2fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniformMatrix3fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      uniformMatrix4fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)
      readPixels(x: GLint, y: GLint, width: GLsizei, height: GLsizei, format: GLenum, type: GLenum, dstData: ArrayBufferViewnull)
      readPixels(x: GLint, y: GLint, width: GLsizei, height: GLsizei, format: GLenum, type: GLenum, offset: GLintptr)void
      readPixels(x: GLint, y: GLint, width: GLsizei, height: GLsizei, format: GLenum, type: GLenum, dstData: ArrayBufferView, dstOffset: GLuint)void

      审核编辑 黄宇

      声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容侵权或者其他违规问题，请联系本站处理。 举报投诉
      • 接口
        接口
        +关注

        关注

        33

        文章

        7965

        浏览量

        149224
      • 图形图像
        图形图像
        +关注

        关注

        0

        文章

        6

        浏览量

        964
      • 鸿蒙
        鸿蒙
        +关注

        关注

        55

        文章

        2097

        浏览量

        42270
      收藏 人收藏

        评论

        相关推荐

        深入浅出，带你了解Qualcomm的图形图像优化之道

        用户的青睐，为此在2017年8月Qualcomm在深圳、北京、上海举行了三场“探索移动图形图像处理——Qualcomm开发者公开课”，全面向开发者介绍深层次的移动端图形图像的优化之道！
        发表于 09-07 13:47 •7175次阅读

        鸿蒙OS元服务开发案例：【WebGL网页图形库开发着色器绘制彩色三角形】

        使用WebGL开发时，为保证界面图形显示效果，请使用真机运行。
        的头像 发表于 04-02 15:12 •1500次阅读

        鸿蒙开发【WebGL】简单了解

        WebGL的全称为Web Graphic Library(网页图形库)，主要用于交互式渲染2D图形和3D图形。目前HarmonyOS中使用的
        发表于 02-25 21:56

        鸿蒙原生应用元服务开发-WebGL网页图形库开发概述

        。 JavaScript engine为图形框架，为WebGL模块提供绘制对象Surface。 WebGL模块对外暴露OpenGL ES的GPU绘制接口。 中间
        发表于 03-08 14:24

        鸿蒙原生应用元服务开发-WebGL网页图形库开发接口说明

        一、场景介绍 WebGL主要帮助开发者在前端开发中完成图形图像的相关处理，比如绘制彩色图形等。目前该功能仅支持使用兼容JS的类Web
        发表于 03-11 15:51

        鸿蒙原生应用元服务开发-WebGL网页图形库开发无着色器绘制2D图形

        无着色器绘制2D图形 使用WebGL开发时，为保证界面图形显示效果，请使用真机运行。 此场景为未使用We
        发表于 03-12 15:42

        图形图像处理技术大会抢座中

        图形图像处理技术大会抢座中全球顶级专家和企业参与。中国电子学会继云计算大会、物联网大会、传感器大会后又一年度盛会。技术交流、方案展示、产品发布---期待您的参与。
        发表于 09-16 14:14

        北京将召开图形图像技术应用交流大会 2013年11月将在北京...

        北京将召开图形图像技术应用交流大会 2013年11月将在北京举行图形图像技术应用大会，大会将邀请国内图像图形处理技术领域的著名专家，就图形图像处理技术的应用和最新动态特邀报告。敬请关注
        发表于 09-17 15:02

        北京将召开图形图像技术应用交流大会 2013年11月将在北京...

        北京将召开图形图像技术应用交流大会2013年11月将在北京举行图形图像技术应用大会，大会将邀请国内图像图形处理技术领域的著名专家，就图形图像处理技术的应用和最新动态特邀报告。敬请关注中
        发表于 09-17 15:06

        计算机图形图像处理最新应用分析

        计算机图形图像处理最新应用分析 图形图像处理是研究计算机除了图形图像的原理、方法和技术的科学。它是计算机科学和应用的重要分支之一，同时随着计算机技术的发展，图形图像技术在土木工程、机械
        发表于 09-23 14:56

        主要做图形图像处理，求助板子选择！

        各位前辈大家好！我主要是做C/C++项目开发的，最近项目需要用到FPGA板子来做图形图像处理，困于自己对FPGA还不了解，特来求助大家啊！{:1:}我想要实现的功能是读取SD卡中的视频然后将视频里面
        发表于 03-30 20:19

        图形图像处理实验的工程文件免费下载

        　　本文档的主要内容详细介绍的是图形图像处理实验的工程文件免费下载。
        发表于 11-03 17:50 •9次下载
        <b class='flag-5'>图形图像</b>处理实验的工程文件免费下载

        鸿蒙OS元服务开发说明：【WebGL网页图形库开发接口】

        WebGL主要帮助开发者在前端开发中完成图形图像的相关处理，比如绘制彩色图形等。目前该功能仅支持使用兼容JS的类Web
        的头像 发表于 04-02 17:02 •284次阅读
        <b class='flag-5'>鸿蒙</b>OS元服务<b class='flag-5'>开发</b>说明：【<b class='flag-5'>WebGL</b>网页<b class='flag-5'>图形</b>库<b class='flag-5'>开发</b><b class='flag-5'>接口</b>】

        鸿蒙OS元服务开发：【WebGL网页图形库开发概述】

        WebGL的全称为Web Graphic Library(网页图形库)，主要用于交互式渲染2D图形和3D图形。目前HarmonyOS中使用的WebG
        的头像 发表于 04-02 17:26 •239次阅读
        <b class='flag-5'>鸿蒙</b>OS元服务<b class='flag-5'>开发</b>：【<b class='flag-5'>WebGL</b>网页<b class='flag-5'>图形</b>库<b class='flag-5'>开发</b>概述】

        鸿蒙开发接口图形图像：【WebGL】

        WebGL提供图形绘制的能力，包括对当前绘制图形的位置、颜色等进行处理。
        的头像 发表于 05-30 09:31 •270次阅读
        <b class='flag-5'>鸿蒙</b><b class='flag-5'>开发</b><b class='flag-5'>接口</b><b class='flag-5'>图形图像</b>：【<b class='flag-5'>WebGL</b>】
        华秋（原“华强聚丰”）：
        电子发烧友
        华秋开发
        华秋电路(原"华强PCB")
        华秋商城(原"华强芯城")
        华秋智造
        My ElecFans
        APP
        网站地图
        设计技术
        可编程逻辑
        电源/新能源
        MEMS/传感技术
        测量仪表
        嵌入式技术
        制造/封装
        模拟技术
        RF/无线
        接口/总线/驱动
        处理器/DSP
        EDA/IC设计
        存储技术
        光电显示
        EMC/EMI设计
        连接器
        行业应用
        LEDs
        汽车电子
        音视频及家电
        通信网络
        医疗电子
        人工智能
        虚拟现实
        可穿戴设备
        机器人
        安全设备/系统
        军用/航空电子
        移动通信
        工业控制
        便携设备
        触控感测
        物联网
        智能电网
        区块链
        新科技
        特色内容
        专栏推荐
        学院
        设计资源
        设计技术
        电子百科
        电子视频
        元器件知识
        工具箱
        VIP会员
        最新技术文章
        社区
        小组
        论坛
        问答
        评测试用
        企业服务
        产品
        资料
        文章
        方案
        企业
        供应链服务
        硬件开发
        华秋电路
        华秋商城
        华秋智造
        nextPCB
        BOM配单
        媒体服务
        网站广告
        在线研讨会
        活动策划
        新闻发布
        新品发布
        小测验
        设计大赛
        华秋
        关于我们
        投资关系
        新闻动态
        加入我们
        联系我们
        举报投诉
        社交网络
        微博
        移动端
        发烧友APP
        硬声APP
        WAP
        联系我们
        广告合作
        王婉珠：wangwanzhu@elecfans.com
        内容合作
        黄晶晶：huangjingjing@elecfans.com
        内容合作（海外）
        张迎辉：mikezhang@elecfans.com
        供应链服务 PCB/IC/PCBA
        江良华：lanhu@huaqiu.com
        投资合作
        曾海银：zenghaiyin@huaqiu.com
        社区合作
        刘勇：liuyong@huaqiu.com

        • 关注我们的微信

          关注我们的微信

        • 下载发烧友APP

          下载发烧友APP

        • 电子发烧友观察

          电子发烧友观察
        华秋发烧友
        电子工程师社区
        华秋电路
        1-32层PCB打样·中小批量
        华秋商城
        元器件现货·全球代购·SmartBOM
        华秋智造
        SMT贴片·PCBA加工
        NextPCB
        PCB Manufacturer

        版权所有 © 湖南华秋数字科技有限公司

        电子发烧友 （电路图） 湘公网安备43011202000918 电信与信息服务业务经营许可证：合字B2-20210191 工商网监认证工商网监 湘ICP备 2023018690 号