WebGL

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

WebGL標(biāo)準(zhǔn)圖形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

Interface

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

表2 Interface

WebGLContextAttributes

WebGLContextAttributes

WebGLActiveInfo

WebGLActiveInfo

WebGLShaderPrecisionFormat

WebGLShaderPrecisionFormat

WebGLRenderingContextBase

WebGLRenderingContextBase

屬性

方法

WebGLRenderingContextOverloads

WebGLRenderingContextOverloads

審核編輯 黃宇