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

于 2024-05-30 14:25:31 发布
阅读量898 收藏 13
点赞数 21
分类专栏： 鸿蒙 文章标签： harmonyos 鸿蒙开发 openharmony 移动开发 鸿蒙 程序员 接口
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76813281/article/details/139323318
版权

 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)void
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)void
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)void
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)void
uniform2ui(location: WebGLUniformLocationnull, v0: GLuint, v1: GLuint)void
uniform3ui(location: WebGLUniformLocationnull, v0: GLuint, v1: GLuint, v2: GLuint)void
uniform4ui(location: WebGLUniformLocationnull, v0: GLuint, v1: GLuint, v2: GLuint, v3: GLuint)void
uniform1uiv(location: WebGLUniformLocationnull, data: Uint32List, srcOffset?: GLuint, srcLength?: GLuint)void
uniform2uiv(location: WebGLUniformLocationnull, data: Uint32List, srcOffset?: GLuint, srcLength?: GLuint)void
uniform3uiv(location: WebGLUniformLocationnull, data: Uint32List, srcOffset?: GLuint, srcLength?: GLuint)void
uniform4uiv(location: WebGLUniformLocationnull, data: Uint32List, srcOffset?: GLuint, srcLength?: GLuint)void
uniformMatrix3x2fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)void
uniformMatrix4x2fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)void
uniformMatrix2x3fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)void
uniformMatrix4x3fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)void
uniformMatrix2x4fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)void
uniformMatrix3x4fv(location: WebGLUniformLocationnull, transpose: GLboolean, data: Float32List, srcOffset?: GLuint, srcLength?: GLuint)void
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()WebGLQuerynull
deleteQuery(query: WebGLQuerynull)void
isQuery(query: WebGLQuerynull)GLboolean
beginQuery(target: GLenum, query: WebGLQuery)void
endQuery(target: GLenum)void
getQuery(target: GLenum, pname: GLenum)WebGLQuerynull
getQueryParameter(query: WebGLQuery, pname: GLenum)any
createSampler()WebGLSamplernull
deleteSampler(sampler: WebGLSamplernull)void
isSampler(sampler: WebGLSamplernull)GLboolean
bindSampler(unit: GLuint, sampler: WebGLSamplernull)void
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)WebGLSyncnull
isSync(sync: WebGLSyncnull)GLboolean
deleteSync(sync: WebGLSyncnull)void
clientWaitSync(sync: WebGLSync, flags: GLbitfield, timeout: GLuint64)GLenum
waitSync(sync: WebGLSync, flags: GLbitfield, timeout: GLint64)void
getSyncParameter(sync: WebGLSync, pname: GLenum)any
createTransformFeedback()WebGLTransformFeedbacknull
deleteTransformFeedback(tf: WebGLTransformFeedbacknull)void
isTransformFeedback(tf: WebGLTransformFeedbacknull)GLboolean
bindTransformFeedback(target: GLenum, tf: WebGLTransformFeedbacknull)void
beginTransformFeedback(primitiveMode: GLenum)void
endTransformFeedback()void
transformFeedbackVaryings(program: WebGLProgram, varyings: string[], bufferMode: GLenum)void
getTransformFeedbackVarying(program: WebGLProgram, index: GLuint)WebGLActiveInfonull
pauseTransformFeedback()void
resumeTransformFeedback()void
bindBufferBase(target: GLenum, index: GLuint, buffer: WebGLBuffernull)void
bindBufferRange(target: GLenum, index: GLuint, buffer: WebGLBuffernull, offset: GLintptr, size: GLsizeiptr)void
getIndexedParameter(target: GLenum, index: GLuint)any
getUniformIndices(program: WebGLProgram, uniformNames: string[])GLuint[]null
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)stringnull
uniformBlockBinding(program: WebGLProgram, uniformBlockIndex: GLuint, uniformBlockBinding: GLuint)void
createVertexArray()WebGLVertexArrayObjectnull
deleteVertexArray(vertexArray: WebGLVertexArrayObjectnull)void
isVertexArray(vertexArray: WebGLVertexArrayObjectnull)GLboolean
bindVertexArray(array: WebGLVertexArrayObjectnull)void

WebGL2RenderingContextOverloads

WebGL2RenderingContextOverloads

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

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

鸿蒙开发岗位需要掌握那些核心要领？

目前还有很多小伙伴不知道要学习哪些鸿蒙技术？不知道重点掌握哪些？为了避免学习时频繁踩坑，最终浪费大量时间的。

自己学习时必须要有一份实用的鸿蒙（Harmony NEXT）资料非常有必要。 这里我推荐，根据鸿蒙开发官网梳理与华为内部人员的分享总结出的开发文档。内容包含了：【ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战】等技术知识点。

废话就不多说了，接下来好好看下这份资料。

如果你是一名Android、Java、前端等等开发人员，想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。鸿蒙OpenHarmony知识←前往。下面是鸿蒙开发的学习路线图。

针对鸿蒙成长路线打造的鸿蒙学习文档。鸿蒙（OpenHarmony ）学习手册（共计1236页）与鸿蒙（OpenHarmony ）开发入门教学视频，帮助大家在技术的道路上更进一步。

其中内容包含：

《鸿蒙开发基础》鸿蒙OpenHarmony知识←前往

  1. ArkTS语言
  2. 安装DevEco Studio
  3. 运用你的第一个ArkTS应用
  4. ArkUI声明式UI开发
  5. .……

《鸿蒙开发进阶》鸿蒙OpenHarmony知识←前往

  1. Stage模型入门
  2. 网络管理
  3. 数据管理
  4. 电话服务
  5. 分布式应用开发
  6. 通知与窗口管理
  7. 多媒体技术
  8. 安全技能
  9. 任务管理
  10. WebGL
  11. 国际化开发
  12. 应用测试
  13. DFX面向未来设计
  14. 鸿蒙系统移植和裁剪定制
  15. ……

《鸿蒙开发实战》鸿蒙OpenHarmony知识←前往

  1. ArkTS实践
  2. UIAbility应用
  3. 网络案例
  4. ……

最后

鸿蒙是完全具备无与伦比的机遇和潜力的；预计到年底将有 5,000 款的应用完成原生鸿蒙开发，这么多的应用需要开发，也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长，学习鸿蒙势在必行！

爱桥代码的程序媛
关注
  • 21
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
RK3568上运行鸿蒙3.1Release
Java那些事
10-03 2802
编译和下载鸿蒙img的过程及可能碰到的问题。
harmonyos2-Project5-WebGL:WebGL着色器简介
07-01
和声2 CIS565：项目 5：WebGL 2014年秋天 2014 年 3 月 11 日星期一到期 笔记： 该项目需要任何支持现代 OpenGL 管道的显卡。 过去几年的任何 AMD、NVIDIA 或 Intel 卡都应该可以正常工作，并且 SIG 实验室和 Moore ...
HarmonyOS Next 使用Web获取相机拍照图片案例
shudaoshanQAQ的博客
03-20 934
本示例介绍如何在HTML页面中拉起原生相机进行拍照，并获取返回的图片。
瑞芯微rk3568移植openharmony3.1（鸿蒙）
jn_IT的博客
04-03 3529
openharmony 鸿蒙 rk3568适配
鸿蒙OS开发实例：【工具类封装-页面路由】
2301_76813281的博客
03-28 1343
鸿蒙是完全具备无与伦比的机遇和潜力的；预计到年底将有 5,000 款的应用完成原生鸿蒙开发，这么多的应用需要开发，也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长，学习鸿蒙势在必行！
DAYU200鸿蒙开发板（RK3568）安装rknn_toolkit_lite2并运行demo
weixin_43843938的博客
02-28 3180
搭建开发板算法平台
webgl2-fundamentals:WebGL 2课程从基础开始
04-28
WebGL2基础知识这是。 与大多数WebGL课程不同，这些课程并非基于OpenGL。 OpenGL已经20岁了。 OpenGL的课程与WebGL不太匹配。 API更改太多了。 OpenGL和OpenGL教程的思想在WebGL，Op​​enGL ES 3.0和着色器领域已...
w2gl:Webgl 2D 图形库
06-12
W2GL Webgl 2D 图形库
webgl2-2d:WebGL2 中的画布 API 实现
05-29
webgl2-2d WebGL2 中的画布 API 实现用法 // const ctx = canvas.getContext('2d') // origin canvas 2D contextconst ctx = canvas . getContext ( 'webgl2-2d' ) // WebGL2 implementation清单参考： : ...
webgl-pathtracer:WebGL2路径跟踪器
05-12
WebGL2 Pathtracer 使用WebGL2在GLSL中实现的GPU路径跟踪器，具有基于物理的渲染模型。 支持任意三角形的几何形状和材料。 KD-树场景分区。 随着WebGL2的texelFetch()的引入，可以通过将大型数据缓冲区存储在纹理中...
鸿蒙OpenHarmony【标准系统 烧录】（基于RK3568开发板）
m0_62167422的博客
04-29 1782
而网上有关鸿蒙的开发资料非常的少，假如你想学好鸿蒙的应用开发与系统底层开发。你可以参考这份资料，少走很多弯路，节省没必要的麻烦。由两位前阿里高级研发工程师联合打造的《鸿蒙NEXT星河版OpenHarmony开发文档》里面内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（Harmony NEXT）技术知识点如果。
OpenHarmony开发实战：深入了解开发版-RK3568
shudaoshanQAQ的博客
04-02 1402
支持蓝牙、Wi-Fi、音频、视频和摄像头等功能
鸿蒙移植-RK3568
科技工作者的博客
01-15 3609
rk3566/rk3568平台 移植鸿蒙
基于RK3568的鸿蒙通行一体机方案项目
最新发布
YEYUANGEN的专栏
05-13 984
熟悉主板的各个接口，显示接口分为EDP信号输出接口（该接口形式为 32pin 0.5mm 间距的 FPC 插座,如下图），MIPI信号输出接口（该接口形式为 32pin 0.5mm 间距的 FPC 插座，如下图），两种显示接口任选，可根据实际选择的屏幕接口来连接。支持各种加密算法，保护用户数据的安全和隐私，更可控。依据安卓板卡的供电规格，通过电压的变化来检测板卡的电压承受力，整机在-20% +30%的额定供电下测试，在试验进行中和完成后，试验品能够正常运行，无死机、画异、黑屏等电气不良现象判定为OK。
鸿蒙南向开发实战：轻量系统-编译（基于Hi3861开发板）
shudaoshanQAQ的博客
04-17 793
DevEco Device Tool支持Hi3861V100开发板的源码一键编译功能.........
触觉智能分享-RK3568鸿蒙系统3.2初体验
Industio_CSDN的博客
07-08 1559
触觉智能目前已成功移植了鸿蒙系统3.2啦
RK3568鸿蒙系统HDMI设置全屏显示
orange_star7的博客
09-12 1551
RK3568鸿蒙系统HDMI设置全屏显示
迅为RK3568开发板鸿蒙OpenHarmony系统固件烧写
Chihiro_S的专栏
07-11 3277
迅为RK3568开发板鸿蒙OpenHarmony系统固件烧写
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值