搜索歷史

清空
搜索熱詞
      0
      • 聊天消息
      • 系統(tǒng)消息
      • 評(píng)論與回復(fù)
      VIP于 到期 續(xù)費(fèi)
      登錄后你可以
      • 下載海量資料
      • 學(xué)習(xí)在線課程
      • 觀看技術(shù)視頻
      • 寫文章/發(fā)帖/加入社區(qū)
      會(huì)員中心
      創(chuàng)作中心
      發(fā)布
      創(chuàng)作活動(dòng)

      完善資料讓更多小伙伴認(rèn)識(shí)你，還能領(lǐng)取20積分哦，立即完善>

      3天內(nèi)不再提示

      鴻蒙開發(fā)接口圖形圖像：【W(wǎng)ebGL2】

      jf_46214456 ? 來源：jf_46214456 ? 作者：jf_46214456 ? 2024-05-30 15:19 ? 次閱讀

      WebGL2

      WebGL2支持圖形的繪制，包括對(duì)當(dāng)前繪制圖形的位置、顏色等進(jìn)行處理，其中相對(duì)WebGL來說對(duì)渲染管道和著色語言進(jìn)行了增強(qiáng)。

      WebGL標(biāo)準(zhǔn)圖形API，對(duì)應(yīng)OpenGL ES 3.0特性集。

      說明：
      開發(fā)前請熟悉鴻蒙開發(fā)指導(dǎo)文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
      本模塊首批接口從API version 7開始支持。后續(xù)版本的新增接口，采用上角標(biāo)單獨(dú)標(biāo)記接口的起始版本。

      調(diào)用方式

      hml內(nèi)創(chuàng)建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內(nèi)獲取canvas實(shí)例，示例如下：

      // 獲取canvas組件實(shí)例
const el = this.$refs.canvas1;
// 從canvas組件實(shí)例獲取WebGL上下文
const gl = el.getContext('webgl2');
// 調(diào)用WebGL API
gl.clearColor(0.0, 0.0, 0.0, 1.0);

      Type

      系統(tǒng)能力： 以下各項(xiàng)對(duì)應(yīng)的系統(tǒng)能力均為 SystemCapability.Graphic.Graphic2D.WebGL2。

      表1 Type

      名稱類型
      GLenumnumber
      GLint64number
      GLuint64number
      Uint32Listarray

      Interface

      系統(tǒng)能力： 以下各項(xiàng)對(duì)應(yīng)的系統(tǒng)能力均為 SystemCapability.Graphic.Graphic2D.WebGL2。

      表2 Interface

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

      WebGL2RenderingContextBase

      WebGL2RenderingContextBase

      屬性

      名稱參數(shù)類型必填
      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

      審核編輯 黃宇

      聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請聯(lián)系本站處理。 舉報(bào)投訴
      • 接口
        +關(guān)注

        關(guān)注

        33

        文章

        8257

        瀏覽量

        149957
      • 圖形圖像
        +關(guān)注

        關(guān)注

        0

        文章

        6

        瀏覽量

        968
      • 鴻蒙
        +關(guān)注

        關(guān)注

        56

        文章

        2267

        瀏覽量

        42489
      收藏 人收藏

        評(píng)論

        相關(guān)推薦

        深入淺出，帶你了解Qualcomm的圖形圖像優(yōu)化之道

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

        鴻蒙OS元服務(wù)開發(fā)案例：【WebGL網(wǎng)頁圖形庫開發(fā)著色器繪制彩色三角形】

        使用WebGL開發(fā)時(shí)，為保證界面圖形顯示效果，請使用真機(jī)運(yùn)行。
        的頭像 發(fā)表于 04-02 15:12 ?1703次閱讀

        鴻蒙開發(fā)【WebGL】簡單了解

        WebGL的全稱為Web Graphic Library(網(wǎng)頁圖形庫)，主要用于交互式渲染2D圖形和3D圖形。目前HarmonyOS中使用的
        發(fā)表于 02-25 21:56

        鴻蒙原生應(yīng)用元服務(wù)開發(fā)-WebGL網(wǎng)頁圖形庫開發(fā)概述

        。 JavaScript engine為圖形框架，為WebGL模塊提供繪制對(duì)象Surface。 WebGL模塊對(duì)外暴露OpenGL ES的GPU繪制接口。 中間
        發(fā)表于 03-08 14:24

        鴻蒙原生應(yīng)用元服務(wù)開發(fā)-WebGL網(wǎng)頁圖形庫開發(fā)接口說明

        一、場景介紹 WebGL主要幫助開發(fā)者在前端開發(fā)中完成圖形圖像的相關(guān)處理，比如繪制彩色圖形等。目前該功能僅支持使用兼容JS的類Web
        發(fā)表于 03-11 15:51

        圖形圖像處理技術(shù)大會(huì)搶座中

        圖形圖像處理技術(shù)大會(huì)搶座中全球頂級(jí)專家和企業(yè)參與。中國電子學(xué)會(huì)繼云計(jì)算大會(huì)、物聯(lián)網(wǎng)大會(huì)、傳感器大會(huì)后又一年度盛會(huì)。技術(shù)交流、方案展示、產(chǎn)品發(fā)布---期待您的參與。
        發(fā)表于 09-16 14:14

        北京將召開圖形圖像技術(shù)應(yīng)用交流大會(huì) 2013年11月將在北京...

        北京將召開圖形圖像技術(shù)應(yīng)用交流大會(huì) 2013年11月將在北京舉行圖形圖像技術(shù)應(yīng)用大會(huì)，大會(huì)將邀請國內(nèi)圖像圖形處理技術(shù)領(lǐng)域的著名專家，就圖形圖像處理技術(shù)的應(yīng)用和最新動(dòng)態(tài)特邀報(bào)告。敬請關(guān)注
        發(fā)表于 09-17 15:02

        北京將召開圖形圖像技術(shù)應(yīng)用交流大會(huì) 2013年11月將在北京...

        北京將召開圖形圖像技術(shù)應(yīng)用交流大會(huì)2013年11月將在北京舉行圖形圖像技術(shù)應(yīng)用大會(huì)，大會(huì)將邀請國內(nèi)圖像圖形處理技術(shù)領(lǐng)域的著名專家，就圖形圖像處理技術(shù)的應(yīng)用和最新動(dòng)態(tài)特邀報(bào)告。敬請關(guān)注中
        發(fā)表于 09-17 15:06

        計(jì)算機(jī)圖形圖像處理最新應(yīng)用分析

        計(jì)算機(jī)圖形圖像處理最新應(yīng)用分析 圖形圖像處理是研究計(jì)算機(jī)除了圖形圖像的原理、方法和技術(shù)的科學(xué)。它是計(jì)算機(jī)科學(xué)和應(yīng)用的重要分支之一，同時(shí)隨著計(jì)算機(jī)技術(shù)的發(fā)展，圖形圖像技術(shù)在土木工程、機(jī)械
        發(fā)表于 09-23 14:56

        主要做圖形圖像處理，求助板子選擇！

        各位前輩大家好！我主要是做C/C++項(xiàng)目開發(fā)的，最近項(xiàng)目需要用到FPGA板子來做圖形圖像處理，困于自己對(duì)FPGA還不了解，特來求助大家?。:1:}我想要實(shí)現(xiàn)的功能是讀取SD卡中的視頻然后將視頻里面
        發(fā)表于 03-30 20:19

        圖形圖像處理實(shí)驗(yàn)的工程文件免費(fèi)下載

        　　本文檔的主要內(nèi)容詳細(xì)介紹的是圖形圖像處理實(shí)驗(yàn)的工程文件免費(fèi)下載。
        發(fā)表于 11-03 17:50 ?9次下載
        <b class='flag-5'>圖形圖像</b>處理實(shí)驗(yàn)的工程文件免費(fèi)下載

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

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

        鴻蒙OS元服務(wù)開發(fā)說明：【WebGL網(wǎng)頁圖形庫開發(fā)接口】

        WebGL主要幫助開發(fā)者在前端開發(fā)中完成圖形圖像的相關(guān)處理，比如繪制彩色圖形等。目前該功能僅支持使用兼容JS的類Web
        的頭像 發(fā)表于 04-02 17:02 ?382次閱讀
        <b class='flag-5'>鴻蒙</b>OS元服務(wù)<b class='flag-5'>開發(fā)</b>說明：【<b class='flag-5'>WebGL</b>網(wǎng)頁<b class='flag-5'>圖形</b>庫<b class='flag-5'>開發(fā)</b><b class='flag-5'>接口</b>】

        鴻蒙OS元服務(wù)開發(fā)：【WebGL網(wǎng)頁圖形庫開發(fā)概述】

        WebGL的全稱為Web Graphic Library(網(wǎng)頁圖形庫)，主要用于交互式渲染2D圖形和3D圖形。目前HarmonyOS中使用的
        的頭像 發(fā)表于 04-02 17:26 ?325次閱讀
        <b class='flag-5'>鴻蒙</b>OS元服務(wù)<b class='flag-5'>開發(fā)</b>：【<b class='flag-5'>WebGL</b>網(wǎng)頁<b class='flag-5'>圖形</b>庫<b class='flag-5'>開發(fā)</b>概述】

        鴻蒙開發(fā)接口圖形圖像：【WebGL】

        WebGL提供圖形繪制的能力，包括對(duì)當(dāng)前繪制圖形的位置、顏色等進(jìn)行處理。
        的頭像 發(fā)表于 05-30 09:31 ?391次閱讀
        <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>接口</b><b class='flag-5'>圖形圖像</b>：【<b class='flag-5'>WebGL</b>】