搜索歷史

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

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

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

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

      jf_46214456 ? 來源：jf_46214456 ? 作者：jf_46214456 ? 2024-05-30 09:31 ? 次閱讀

      WebGL

      WebGL提供圖形繪制的能力，包括對當(dāng)前繪制圖形的位置、顏色等進行處理。

      WebGL標(biāo)準圖形API，對應(yīng)OpenGL ES 2.0特性集。

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

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

      Type

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

      表1 Type

      名稱類型
      GLenumnumber
      GLbooleanboolean
      GLbitfieldnumber
      GLbytenumber
      GLshortnumber
      GLintnumber
      GLsizeinumber
      GLintptrnumber
      GLsizeiptrnumber
      GLubytenumber
      GLushortnumber
      GLuintnumber
      GLfloatnumber
      GLclampfnumber
      TexImageSourceImageData
      Float32Listarray
      Int32Listarray
      WebGLPowerPreferencestring

      Interface

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

      表2 Interface

      名稱
      [WebGLContextAttributes]
      WebGLBuffer
      WebGLFrameBuffer
      WebGLProgram
      WebGLRenderbuffer
      WebGLShader
      WebGLTexture
      WebGLUniformLocation
      [WebGLActiveInfo]
      [WebGLShaderPrecisionFormat]
      [WebGLRenderingContextBase]
      [WebGLRenderingContextOverloads]

      WebGLContextAttributes

      WebGLContextAttributes

      名稱參數(shù)類型必填
      alphaboolean否
      depthboolean否
      stencilboolean否
      antialiasboolean否
      premultipliedAlphaboolean否
      preserveDrawingBufferboolean否
      powerPreferenceWebGLPowerPreference否
      failIfMajorPerformanceCaveatboolean否
      desynchronizedboolean否

      WebGLActiveInfo

      WebGLActiveInfo

      名稱參數(shù)類型必填
      sizeGLint是
      typeGLenum是
      namestring是

      WebGLShaderPrecisionFormat

      WebGLShaderPrecisionFormat

      名稱參數(shù)類型必填
      rangeMinGLint是
      rangeMaxGLint是
      precisionGLint是

      WebGLRenderingContextBase

      WebGLRenderingContextBase

      屬性

      名稱參數(shù)類型必填
      DEPTH_BUFFER_BITGLenum是
      STENCIL_BUFFER_BITGLenum是
      COLOR_BUFFER_BITGLenum是
      POINTSGLenum是
      LINESGLenum是
      LINE_LOOPGLenum是
      LINE_STRIPGLenum是
      TRIANGLESGLenum是
      TRIANGLE_STRIPGLenum是
      TRIANGLE_FANGLenum是
      ZEROGLenum是
      ONEGLenum是
      SRC_COLORGLenum是
      ONE_MINUS_SRC_COLORGLenum是
      SRC_ALPHAGLenum是
      ONE_MINUS_SRC_ALPHAGLenum是
      DST_ALPHAGLenum是
      ONE_MINUS_DST_ALPHAGLenum是
      DST_COLORGLenum是
      ONE_MINUS_DST_COLORGLenum是
      SRC_ALPHA_SATURATEGLenum是
      FUNC_ADDGLenum是
      BLEND_EQUATIONGLenum是
      BLEND_EQUATION_RGBGLenum是
      BLEND_EQUATION_ALPHAGLenum是
      FUNC_SUBTRACTGLenum是
      FUNC_REVERSE_SUBTRACTGLenum是
      BLEND_DST_RGBGLenum是
      BLEND_SRC_RGBGLenum是
      BLEND_DST_ALPHAGLenum是
      BLEND_SRC_ALPHAGLenum是
      CONSTANT_COLORGLenum是
      ONE_MINUS_CONSTANT_COLORGLenum是
      CONSTANT_ALPHAGLenum是
      ONE_MINUS_CONSTANT_ALPHAGLenum是
      BLEND_COLORGLenum是
      ARRAY_BUFFERGLenum是
      ELEMENT_ARRAY_BUFFERGLenum是
      ARRAY_BUFFER_BINDINGGLenum是
      ELEMENT_ARRAY_BUFFER_BINDINGGLenum是
      STREAM_DRAWGLenum是
      STATIC_DRAWGLenum是
      DYNAMIC_DRAWGLenum是
      BUFFER_SIZEGLenum是
      BUFFER_USAGEGLenum是
      CURRENT_VERTEX_ATTRIBGLenum是
      FRONTGLenum是
      BACKGLenum是
      FRONT_AND_BACKGLenum是
      CULL_FACEGLenum是
      BLENDGLenum是
      DITHERGLenum是
      STENCIL_TESTGLenum是
      DEPTH_TESTGLenum是
      SCISSOR_TESTGLenum是
      POLYGON_OFFSET_FILLGLenum是
      SAMPLE_ALPHA_TO_COVERAGEGLenum是
      SAMPLE_COVERAGEGLenum是
      NO_ERRORGLenum是
      INVALID_ENUMGLenum是
      INVALID_VALUEGLenum是
      INVALID_OPERATIONGLenum是
      OUT_OF_MEMORYGLenum是
      CWGLenum是
      CCWGLenum是
      LINE_WIDTHGLenum是
      ALIASED_POINT_SIZE_RANGEGLenum是
      ALIASED_LINE_WIDTH_RANGEGLenum是
      CULL_FACE_MODEGLenum是
      FRONT_FACEGLenum是
      DEPTH_RANGEGLenum是
      DEPTH_WRITEMASKGLenum是
      DEPTH_CLEAR_VALUEGLenum是
      DEPTH_FUNCGLenum是
      STENCIL_CLEAR_VALUEGLenum是
      STENCIL_FUNCGLenum是
      STENCIL_FAILGLenum是
      STENCIL_PASS_DEPTH_FAILGLenum是
      STENCIL_PASS_DEPTH_PASSGLenum是
      STENCIL_REFGLenum是
      STENCIL_VALUE_MASKGLenum是
      STENCIL_WRITEMASKGLenum是
      STENCIL_BACK_FUNCGLenum是
      STENCIL_BACK_FAILGLenum是
      STENCIL_BACK_PASS_DEPTH_FAILGLenum是
      STENCIL_BACK_PASS_DEPTH_PASSGLenum是
      STENCIL_BACK_REFGLenum是
      STENCIL_BACK_VALUE_MASKGLenum是
      STENCIL_BACK_WRITEMASKGLenum是
      VIEWPORTGLenum是
      SCISSOR_BOXGLenum是
      COLOR_CLEAR_VALUEGLenum是
      COLOR_WRITEMASKGLenum是
      UNPACK_ALIGNMENTGLenum是
      PACK_ALIGNMENTGLenum是
      MAX_TEXTURE_SIZEGLenum是
      MAX_VIEWPORT_DIMSGLenum是
      SUBPIXEL_BITSGLenum是
      RED_BITSGLenum是
      GREEN_BITSGLenum是
      BLUE_BITSGLenum是
      ALPHA_BITSGLenum是
      DEPTH_BITSGLenum是
      STENCIL_BITSGLenum是
      POLYGON_OFFSET_UNITSGLenum是
      POLYGON_OFFSET_FACTORGLenum是
      TEXTURE_BINDING_2DGLenum是
      SAMPLE_BUFFERSGLenum是
      SAMPLESGLenum是
      SAMPLE_COVERAGE_VALUEGLenum是
      SAMPLE_COVERAGE_INVERTGLenum是
      COMPRESSED_TEXTURE_FORMATSGLenum是
      DONT_CAREGLenum是
      FASTESTGLenum是
      NICESTGLenum是
      GENERATE_MIPMAP_HINTGLenum是
      BYTEGLenum是
      UNSIGNED_BYTEGLenum是
      SHORTGLenum是
      UNSIGNED_SHORTGLenum是
      INTGLenum是
      UNSIGNED_INTGLenum是
      FLOATGLenum是
      DEPTH_COMPONENTGLenum是
      ALPHAGLenum是
      RGBGLenum是
      RGBAGLenum是
      LUMINANCEGLenum是
      LUMINANCE_ALPHAGLenum是
      UNSIGNED_SHORT_4_4_4_4GLenum是
      UNSIGNED_SHORT_5_5_5_1GLenum是
      UNSIGNED_SHORT_5_6_5GLenum是
      FRAGMENT_SHADERGLenum是
      VERTEX_SHADERGLenum是
      MAX_VERTEX_ATTRIBSGLenum是
      MAX_VERTEX_UNIFORM_VECTORSGLenum是
      MAX_VARYING_VECTORSGLenum是
      MAX_COMBINED_TEXTURE_IMAGE_UNITSGLenum是
      MAX_VERTEX_TEXTURE_IMAGE_UNITSGLenum是
      MAX_TEXTURE_IMAGE_UNITSGLenum是
      MAX_FRAGMENT_UNIFORM_VECTORSGLenum是
      SHADER_TYPEGLenum是
      DELETE_STATUSGLenum是
      LINK_STATUSGLenum是
      VALIDATE_STATUSGLenum是
      ATTACHED_SHADERSGLenum是
      ACTIVE_UNIFORMSGLenum是
      ACTIVE_ATTRIBUTESGLenum是
      SHADING_LANGUAGE_VERSIONGLenum是
      CURRENT_PROGRAMGLenum是
      NEVERGLenum是
      LESSGLenum是
      EQUALGLenum是
      LEQUALGLenum是
      GREATERGLenum是
      NOTEQUALGLenum是
      GEQUALGLenum是
      ALWAYSGLenum是
      KEEPGLenum是
      REPLACEGLenum是
      INCRGLenum是
      DECRGLenum是
      INVERTGLenum是
      INCR_WRAPGLenum是
      DECR_WRAPGLenum是
      VENDORGLenum是
      RENDERERGLenum是
      VERSIONGLenum是
      NEARESTGLenum是
      LINEARGLenum是
      NEAREST_MIPMAP_NEARESTGLenum是
      LINEAR_MIPMAP_NEARESTGLenum是
      NEAREST_MIPMAP_LINEARGLenum是
      LINEAR_MIPMAP_LINEARGLenum是
      TEXTURE_MIN_FILTERGLenum是
      TEXTURE_WRAP_SGLenum是
      TEXTURE_WRAP_TGLenum是
      TEXTURE_2DGLenum是
      TEXTUREGLenum是
      TEXTURE_CUBE_MAPGLenum是
      TEXTURE_BINDING_CUBE_MAPGLenum是
      TEXTURE_CUBE_MAP_POSITIVE_XGLenum是
      TEXTURE_CUBE_MAP_NEGATIVE_XGLenum是
      TEXTURE_CUBE_MAP_POSITIVE_YGLenum是
      TEXTURE_CUBE_MAP_NEGATIVE_YGLenum是
      TEXTURE_CUBE_MAP_POSITIVE_ZGLenum是
      TEXTURE_CUBE_MAP_NEGATIVE_ZGLenum是
      MAX_CUBE_MAP_TEXTURE_SIZEGLenum是
      TEXTURE0GLenum是
      TEXTURE1GLenum是
      TEXTURE2GLenum是
      TEXTURE3GLenum是
      TEXTURE4GLenum是
      TEXTURE5GLenum是
      TEXTURE6GLenum是
      TEXTURE7GLenum是
      TEXTURE8GLenum是
      TEXTURE9GLenum是
      TEXTURE10GLenum是
      TEXTURE11GLenum是
      TEXTURE12GLenum是
      TEXTURE13GLenum是
      TEXTURE14GLenum是
      TEXTURE15GLenum是
      TEXTURE16GLenum是
      TEXTURE17GLenum是
      TEXTURE18GLenum是
      TEXTURE19GLenum是
      TEXTURE20GLenum是
      TEXTURE21GLenum是
      TEXTURE22GLenum是
      TEXTURE23GLenum是
      TEXTURE24GLenum是
      TEXTURE25GLenum是
      TEXTURE26GLenum是
      TEXTURE27GLenum是
      TEXTURE28GLenum是
      TEXTURE29GLenum是
      TEXTURE30GLenum是
      TEXTURE31GLenum是
      ACTIVE_TEXTUREGLenum是
      REPEATGLenum是
      CLAMP_TO_EDGEGLenum是
      MIRRORED_REPEATGLenum是
      FLOAT_VEC2GLenum是
      FLOAT_VEC3GLenum是
      FLOAT_VEC4GLenum是
      INT_VEC2GLenum是
      INT_VEC3GLenum是
      INT_VEC4GLenum是
      BOOLGLenum是
      BOOL_VEC2GLenum是
      BOOL_VEC3GLenum是
      BOOL_VEC4GLenum是
      FLOAT_MAT2GLenum是
      FLOAT_MAT3GLenum是
      FLOAT_MAT4GLenum是
      SAMPLER_2DGLenum是
      SAMPLER_CUBEGLenum是
      VERTEX_ATTRIB_ARRAY_ENABLEDGLenum是
      VERTEX_ATTRIB_ARRAY_SIZEGLenum是
      VERTEX_ATTRIB_ARRAY_STRIDEGLenum是
      VERTEX_ATTRIB_ARRAY_TYPEGLenum是
      VERTEX_ATTRIB_ARRAY_NORMALIZEDGLenum是
      VERTEX_ATTRIB_ARRAY_POINTERGLenum是
      VERTEX_ATTRIB_ARRAY_BUFFER_BINDINGGLenum是
      IMPLEMENTATION_COLOR_READ_TYPEGLenum是
      IMPLEMENTATION_COLOR_READ_FORMATGLenum是
      COMPILE_STATUSGLenum是
      LOW_FLOATGLenum是
      MEDIUM_FLOATGLenum是
      HIGH_FLOATGLenum是
      LOW_INTGLenum是
      MEDIUM_INTGLenum是
      HIGH_INTGLenum是
      FRAMEBUFFERGLenum是
      RENDERBUFFERGLenum是
      RGBA4GLenum是
      RGB5_A1GLenum是
      RGB565GLenum是
      DEPTH_COMPONENT16GLenum是
      STENCIL_INDEX8GLenum是
      DEPTH_STENCILGLenum是
      RENDERBUFFER_WIDTHGLenum是
      RENDERBUFFER_HEIGHTGLenum是
      RENDERBUFFER_INTERNAL_FORMATGLenum是
      RENDERBUFFER_RED_SIZEGLenum是
      RENDERBUFFER_GREEN_SIZEGLenum是
      RENDERBUFFER_BLUE_SIZEGLenum是
      RENDERBUFFER_ALPHA_SIZEGLenum是
      RENDERBUFFER_DEPTH_SIZEGLenum是
      RENDERBUFFER_STENCIL_SIZEGLenum是
      FRAMEBUFFER_ATTACHMENT_OBJECT_TYPEGLenum是
      FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVELGLenum是
      FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACEGLenum是
      COLOR_ATTACHMENT0GLenum是
      DEPTH_ATTACHMENTGLenum是
      STENCIL_ATTACHMENTGLenum是
      DEPTH_STENCIL_ATTACHMENTGLenum是
      NONEGLenum是
      FRAMEBUFFER_COMPLETEGLenum是
      FRAMEBUFFER_INCOMPLETE_ATTACHMENTGLenum是
      FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENTGLenum是
      FRAMEBUFFER_INCOMPLETE_DIMENSIONSGLenum是
      FRAMEBUFFER_UNSUPPORTEDGLenum是
      FRAMEBUFFER_BINDINGGLenum是
      RENDERBUFFER_BINDINGGLenum是
      MAX_RENDERBUFFER_SIZEGLenum是
      INVALID_FRAMEBUFFER_OPERATIONGLenum是
      UNPACK_FLIP_Y_WEBGLGLenum是
      UNPACK_PREMULTIPLY_ALPHA_WEBGLGLenum是
      CONTEXT_LOST_WEBGLGLenum是
      UNPACK_COLORSPACE_CONVERSION_WEBGLGLenum是
      BROWSER_DEFAULT_WEBGLGLenum是
      canvasHTMLCanvasElementOffscreenCanvas
      drawingBufferWidthGLsizei是
      drawingBufferHeightGLsizei是

      方法

      方法返回值類型
      getContextAttributes()WebGLContextAttributes
      isContextLost()boolean
      getSupportedExtensions()string[]
      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: WebGLBuffernull)
      bindFramebuffer(target: GLenum, framebuffer: WebGLFramebuffernull)
      bindRenderbuffer(target: GLenum, renderbuffer: WebGLRenderbuffernull)
      bindTexture(target: GLenum, texture: WebGLTexturenull)
      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
      createFramebuffer()WebGLFramebuffer
      createProgram()WebGLProgram
      createRenderbuffer()WebGLRenderbuffer
      createShader(type: GLenum)WebGLShader
      createTexture()WebGLTexture
      cullFace(mode: GLenum)void
      deleteBuffer(buffer: WebGLBuffernull)
      deleteFramebuffer(framebuffer: WebGLFramebuffernull)
      deleteProgram(program: WebGLProgramnull)
      deleteRenderbuffer(renderbuffer: WebGLRenderbuffernull)
      deleteShader(shader: WebGLShadernull)
      deleteTexture(texture: WebGLTexturenull)
      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: WebGLRenderbuffernull)
      framebufferTexture2D(target: GLenum, attachment: GLenum, textarget: GLenum, texture: WebGLTexturenull, level: GLint)
      frontFace(mode: GLenum)void
      generateMipmap(target: GLenum)void
      getActiveAttrib(program: WebGLProgram, index: GLuint)WebGLActiveInfo
      getActiveUniform(program: WebGLProgram, index: GLuint)WebGLActiveInfo
      getAttachedShaders(program: WebGLProgram)WebGLShader[]
      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
      getRenderbufferParameter(target: GLenum, pname: GLenum)any
      getShaderParameter(shader: WebGLShader, pname: GLenum)any
      getShaderPrecisionFormat(shadertype: GLenum, precisiontype: GLenum)WebGLShaderPrecisionFormat
      getShaderInfoLog(shader: WebGLShader)string
      getShaderSource(shader: WebGLShader)string
      getTexParameter(target: GLenum, pname: GLenum)any
      getUniform(program: WebGLProgram, location: WebGLUniformLocation)any
      getUniformLocation(program: WebGLProgram, name: string)WebGLUniformLocation
      getVertexAttrib(index: GLuint, pname: GLenum)any
      getVertexAttribOffset(index: GLuint, pname: GLenum)GLintptr
      hint(target: GLenum, mode: GLenum)void
      isBuffer(buffer: WebGLBuffernull)
      isEnabled(cap: GLenum)GLboolean
      isFramebuffer(framebuffer: WebGLFramebuffernull)
      isProgram(program: WebGLProgramnull)
      isRenderbuffer(renderbuffer: WebGLRenderbuffernull)
      isShader(shader: WebGLShadernull)
      isTexture(texture: WebGLTexturenull)
      lineWidth(width: GLfloat)void
      linkProgram(program: WebGLProgram)void
      pixelStorei(pname: GLenum, param: GLintGLboolean)
      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: WebGLUniformLocationnull, x: GLfloat)
      uniform2f(location: WebGLUniformLocationnull, x: GLfloat, y: GLfloat)
      uniform3f(location: WebGLUniformLocationnull, x: GLfloat, y: GLfloat, z: GLfloat)
      uniform4f(location: WebGLUniformLocationnull, x: GLfloat, y: GLfloat, z: GLfloat, w: GLfloat)
      uniform1i(location: WebGLUniformLocationnull, x: GLint)
      uniform2i(location: WebGLUniformLocationnull, x: GLint, y: GLint)
      uniform3i(location: WebGLUniformLocationnull, x: GLint, y: GLint, z: GLint)
      uniform4i(location: WebGLUniformLocationnull, x: GLint, y: GLint, z: GLint, w: GLint)
      useProgram(program: WebGLProgramnull)
      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

      鴻蒙文檔.png

      方法HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿返回值類型
      bufferData(target: GLenum, size: GLsizeiptr, usage: GLenum)void
      bufferData(target: GLenum, data: BufferSourcenull, usage: GLenum)
      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: ArrayBufferViewnull)
      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
      uniform1fv(location: WebGLUniformLocationnull, v: Float32List)
      uniform2fv(location: WebGLUniformLocationnull, v: Float32List)
      uniform3fv(location: WebGLUniformLocationnull, v: Float32List)
      uniform4fv(location: WebGLUniformLocationnull, v: Float32List)
      uniform1iv(location: WebGLUniformLocationnull, v: Int32List)
      uniform2iv(location: WebGLUniformLocationnull, v: Int32List)
      uniform3iv(location: WebGLUniformLocationnull, v: Int32List)
      uniform4iv(location: WebGLUniformLocationnull, v: Int32List)
      uniformMatrix2fv(location: WebGLUniformLocationnull, transpose: GLboolean, value: Float32List)
      uniformMatrix3fv(location: WebGLUniformLocationnull, transpose: GLboolean, value: Float32List)
      uniformMatrix4fv(location: WebGLUniformLocationnull, transpose: GLboolean, value: Float32List)

      審核編輯 黃宇

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

        關(guān)注

        33

        文章

        8451

        瀏覽量

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

        關(guān)注

        0

        文章

        6

        瀏覽量

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

        關(guān)注

        57

        文章

        2303

        瀏覽量

        42691
      收藏 人收藏

        評論

        相關(guān)推薦

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

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

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

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

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

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

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

        。 JavaScript engine為圖形框架，為WebGL模塊提供繪制對象Surface。 WebGL模塊對外暴露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ù)大會搶座中

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

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

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

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

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

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

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

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

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

        圖形圖像處理實驗的工程文件免費下載

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

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

        圖像效果提供處理圖像的一些基礎(chǔ)能力，包括對當(dāng)前圖像的亮度調(diào)節(jié)、模糊化、灰度調(diào)節(jié)、智能取色等。 該模塊提供以下圖像效果相關(guān)的常用功能： Filter：效果類，用于添加指定效果到
        的頭像 發(fā)表于 02-22 16:08 ?343次閱讀
        <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 ?424次閱讀
        <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中使用的WebG
        的頭像 發(fā)表于 04-02 17:26 ?387次閱讀
        <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ā)接口圖形圖像：【WebGL2】

        WebGL2支持圖形的繪制，包括對當(dāng)前繪制圖形的位置、顏色等進行處理，其中相對WebGL來說對渲染管道和著色語言進行了增強。
        的頭像 發(fā)表于 05-30 15:19 ?482次閱讀
        <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>2】

        感谢您访问我们的网站，您可能还对以下资源感兴趣：

        好色先生污app