衡阳派盒市场营销有限公司

搜索歷史

清空
搜索熱詞
      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

        文章

        8691

        瀏覽量

        151919
      • 圖形圖像
        +關注

        關注

        0

        文章

        6

        瀏覽量

        997
      • 鴻蒙
        +關注

        關注

        57

        文章

        2392

        瀏覽量

        43055
      收藏 人收藏

        評論

        相關推薦

        深入淺出，帶你了解Qualcomm的圖形圖像優化之道

        用戶的青睞，為此在2017年8月Qualcomm在深圳、北京、上海舉行了三場“探索移動圖形圖像處理——Qualcomm開發者公開課”，全面向開發者介紹深層次的移動端圖形圖像的優化之道！
        發表于 09-07 13:47 ?7401次閱讀

        鴻蒙OS元服務開發案例：【WebGL網頁圖形庫開發著色器繪制彩色三角形】

        使用WebGL開發時，為保證界面圖形顯示效果，請使用真機運行。
        的頭像 發表于 04-02 15:12 ?1906次閱讀

        鴻蒙開發【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

        圖形圖像處理技術大會搶座中

        圖形圖像處理技術大會搶座中全球頂級專家和企業參與。中國電子學會繼云計算大會、物聯網大會、傳感器大會后又一年度盛會。技術交流、方案展示、產品發布---期待您的參與。
        發表于 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>處理實驗的工程文件免費下載

        鴻蒙開發圖形圖像——@ohos.effectKit (圖像效果)

        圖像效果提供處理圖像的一些基礎能力，包括對當前圖像的亮度調節、模糊化、灰度調節、智能取色等。 該模塊提供以下圖像效果相關的常用功能： Filter：效果類，用于添加指定效果到
        的頭像 發表于 02-22 16:08 ?468次閱讀
        <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發</b><b class='flag-5'>圖形圖像</b>——@ohos.effectKit (<b class='flag-5'>圖像</b>效果)

        鴻蒙OS元服務開發說明：【WebGL網頁圖形庫開發接口】

        WebGL主要幫助開發者在前端開發中完成圖形圖像的相關處理，比如繪制彩色圖形等。目前該功能僅支持使用兼容JS的類Web
        的頭像 發表于 04-02 17:02 ?496次閱讀
        <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中使用的
        的頭像 發表于 04-02 17:26 ?496次閱讀
        <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 ?582次閱讀
        <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>】
        樟树市| 澳门百家乐会出千吗| 必搏娱乐| 太阳城百家乐坡解| 雅江县| 百家乐英皇娱乐网| 百家乐官网公开| 大发888易发| 百家乐官网的出牌技巧| 澳门博彩股份有限公司| 24山向水法吉凶断| 大宁县| 财富百家乐的玩法技巧和规则| 百家乐官网霸王闲| 德州扑克平台| 百家乐开户平台| 百家乐官网游戏机价格| 大发888真人官网| 百家乐园胎教网| 百家乐官网投注网中国| 威尼斯人娱乐场开户注册 | 百家乐1326投注| 百家乐官网门户网站| 皇冠官方网址| 致胜百家乐软件| 兄弟百家乐官网的玩法技巧和规则| 明陞M88| 888百家乐的玩法技巧和规则 | 云鼎娱乐城信誉度| 电投百家乐网站| 百家乐官网庄闲局部失| 云顶国际平台| 任你博百家乐的玩法技巧和规则| 网上的百家乐官网怎么才能赚钱| 足球赌博网站| 威尼斯人娱乐场申博太阳城| 澳门百家乐心理| 百家乐官网21点德州扑克| E世博| 威尼斯人娱乐场安全吗| 百家乐平台信誉|