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

一、场景介绍

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

二、接口说明

表1 WebGL主要接口列表

鸿蒙OS开发	更多内容↓点击	HarmonyOS与OpenHarmony技术
鸿蒙技术文档	开发知识更新库gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md在这。

接口名 或+mau123789学习，是v喔	描述
canvas.getContext	获取canvas对象上下文。
webgl.createBuffer(): WebGLBuffer	null	创建与初始化WebGL数据缓冲区。
webgl.bindBuffer(target: GLenum, buffer: WebGLBuffer	null): void	将WebGL数据缓冲区与目标进行绑定。
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	清空<canvas>指定的颜色。
webgl.clear(mask: GLbitfield): void	清空<canvas>。
webgl.drawArrays(mode: GLenum, first:;GLint, count: GLsizei): void	执行数据绘制。
webgl.flush(): void	刷新数据至GPU，清空缓冲区。
webgl.createProgram(): WebGLProgram	null	创建着色器程序对象。

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