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

一、场景介绍

WebGL主要帮助开发者在前端开发中完成图形图像的相关处理，比如绘制彩色图形等。目前该功能仅支持使用兼容JS的类Web开发范式开发。

二、接口说明

表1 WebGL主要接口列表

接口名	描述
canvas.getContext	获取canvas对象上下文。
webgl.createBuffer(): WebGLBuffer	null
webgl.bindBuffer(target: GLenum, buffer: WebGLBuffer	null): void
webgl.bufferData(target: GLenum, srcData: ArrayBufferView, usage: GLenum, srcOffset: GLuint, length?: GLuint): void	创建并初始化WebGL的数据存储区。
webgl.getAttribLocation(program: WebGLProgram, name: string): GLint	从给定WebGL着色程序中获取着色器中attribute变量的地址。
webgl.vertexAttribPointer(index GLuint, size: GLint, type: GLenum, normalized: GLboolean, stride: GLsizei, offset: GLintptr): void	将缓冲区对象分配给变量。
webgl.enableVertexAttribArray(index: GLuint): void	连接变量与分配给它的缓冲区对象。
webgl.clearColor(red: GLclampf, green:GLclampf, blue: GLclampf, alpha: GLclampf): void	清空指定的颜色。
webgl.clear(mask: GLbitfield): void	清空。
webgl.drawArrays(mode: GLenum, first:;GLint, count: GLsizei): void	执行数据绘制。
webgl.flush(): void	刷新数据至GPU，清空缓冲区。
webgl.createProgram(): WebGLProgram	null

本文参考引用HarmonyOS官方开发文档，基于API9。