未验证 提交 119b0800 编写于 作者: O openharmony_ci 提交者: Gitee

!1750 update docs:快速入门下线&例行工具扫描处理

Merge pull request !1750 from zengyawen/master
......@@ -3,7 +3,6 @@
- [Application Development Overview](application-dev-guide.md)
- [DevEco Studio \(OpenHarmony\) User Guide](quick-start/deveco-studio-user-guide-for-openharmony.md)
- [Directory Structure](quick-start/package-structure.md)
- [Getting Started](quick-start/start.md)
- [ArkUI](ui/ui-arkui.md)
- [JavaScript-based Web-like Development Paradigm](ui/ui-arkui-js.md)
......
......@@ -11,7 +11,4 @@
- [Configuring the OpenHarmony App Signature](configuring-openharmony-app-signature.md)
- [Installing and Running Your OpenHarmony App](installing-openharmony-app.md)
- [Directory Structure](package-structure.md)
- [Getting Started](start.md)
- [Preparations](start-overview.md)
- [Getting Started with JavaScript](start-with-js.md)
# Preparations<a name="EN-US_TOPIC_0000001063968051"></a>
## Task Description<a name="section2073881513322"></a>
This document is intended for novices at developing apps. You will learn the development procedure from the following sections to build two pages and implement redirection from the first page to the second one. The following figure shows how the pages look on the [Previewer](https://developer.harmonyos.com/en/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252).
For best results, use the [latest version of DevEco Studio](https://developer.harmonyos.com/en/develop/deveco-studio#download) for your development.
![](figures/3.png)
**Table 1** Comparison between ArkUI paradigms
<a name="table1663194773617"></a>
<table><thead align="left"><tr id="row20632174793610"><th class="cellrowborder" valign="top" width="17.88%" id="mcps1.2.4.1.1"><p id="p1863274783615"><a name="p1863274783615"></a><a name="p1863274783615"></a>Comparison Item</p>
</th>
<th class="cellrowborder" valign="top" width="41.730000000000004%" id="mcps1.2.4.1.2"><p id="p344415455554"><a name="p344415455554"></a><a name="p344415455554"></a>JavaScript-based Web-like Development Paradigm</p>
</th>
<th class="cellrowborder" valign="top" width="40.39%" id="mcps1.2.4.1.3"><p id="p20391115416559"><a name="p20391115416559"></a><a name="p20391115416559"></a>TypeScript-based Declarative Development Paradigm</p>
</th>
</tr>
</thead>
<tbody><tr id="row15632164733618"><td class="cellrowborder" valign="top" width="17.88%" headers="mcps1.2.4.1.1 "><p id="p166323477367"><a name="p166323477367"></a><a name="p166323477367"></a>Language</p>
</td>
<td class="cellrowborder" valign="top" width="41.730000000000004%" headers="mcps1.2.4.1.2 "><p id="p16321947123618"><a name="p16321947123618"></a><a name="p16321947123618"></a>JS</p>
</td>
<td class="cellrowborder" valign="top" width="40.39%" headers="mcps1.2.4.1.3 "><p id="p1563224773617"><a name="p1563224773617"></a><a name="p1563224773617"></a>eTS</p>
</td>
</tr>
<tr id="row17632144716361"><td class="cellrowborder" valign="top" width="17.88%" headers="mcps1.2.4.1.1 "><p id="p10632184713363"><a name="p10632184713363"></a><a name="p10632184713363"></a>Paradigm</p>
</td>
<td class="cellrowborder" valign="top" width="41.730000000000004%" headers="mcps1.2.4.1.2 "><p id="p13632447133617"><a name="p13632447133617"></a><a name="p13632447133617"></a>Web-like paradigm</p>
</td>
<td class="cellrowborder" valign="top" width="40.39%" headers="mcps1.2.4.1.3 "><p id="p15632114710367"><a name="p15632114710367"></a><a name="p15632114710367"></a>Declarative paradigm</p>
</td>
</tr>
<tr id="row2632134753615"><td class="cellrowborder" valign="top" width="17.88%" headers="mcps1.2.4.1.1 "><p id="p46321947183612"><a name="p46321947183612"></a><a name="p46321947183612"></a>Execution</p>
</td>
<td class="cellrowborder" valign="top" width="41.730000000000004%" headers="mcps1.2.4.1.2 "><p id="p1363244717361"><a name="p1363244717361"></a><a name="p1363244717361"></a>Handled by the framework; data-driven automatic UI update</p>
</td>
<td class="cellrowborder" valign="top" width="40.39%" headers="mcps1.2.4.1.3 "><p id="p1463274733610"><a name="p1463274733610"></a><a name="p1463274733610"></a>Handled by the framework; data-driven automatic UI update</p>
</td>
</tr>
<tr id="row126321547173610"><td class="cellrowborder" valign="top" width="17.88%" headers="mcps1.2.4.1.1 "><p id="p963314717366"><a name="p963314717366"></a><a name="p963314717366"></a>Advantages</p>
</td>
<td class="cellrowborder" valign="top" width="41.730000000000004%" headers="mcps1.2.4.1.2 "><p id="p963314710361"><a name="p963314710361"></a><a name="p963314710361"></a>Simple and easy to use</p>
</td>
<td class="cellrowborder" valign="top" width="40.39%" headers="mcps1.2.4.1.3 "><p id="p963315474367"><a name="p963315474367"></a><a name="p963315474367"></a>Simplified development, less memory usage, and higher running performance</p>
</td>
</tr>
</tbody>
</table>
## Before You Start<a name="section965173113911"></a>
1. Install DevEco Studio and configure the development environment. For details, see [Configuring the OpenHarmony SDK](configuring-openharmony-sdk.md).
2. Create a project as instructed in [Creating an OpenHarmony Project](create-openharmony-project.md).
- If you are using the JavaScript language, select **Empty Ability** for **Template** and **JS** for **Language**.
3. Use the [previewer](https://developer.harmonyos.com/en/docs/documentation/doc-guides/previewer-0000001054328973#EN-US_TOPIC_0000001056725592__section16523172216252) or [emulator](https://developer.harmonyos.com/en/docs/documentation/doc-guides/run_simulator-0000001053303709) to run the project.
Now you have created your first OpenHarmony project. You can continue the development by following instructions in [Getting Started with JavaScript](start-with-js.md).
# Getting Started with JavaScript<a name="EN-US_TOPIC_0000001168007068"></a>
For best results, use the [latest version of DevEco Studio](https://developer.harmonyos.com/en/develop/deveco-studio#download) for your development.
## Building the First Page<a name="section1754373063820"></a>
1. Add a **Text** and a **Button** component to the first page.
In the **Project** window, choose **entry** \> **src** \> **main** \> **js** \> **default** \> **pages** \> **index**, open the **index.hml** file, and add the components.
```
<!-- index.hml -->
<div class="container">
<!-- Add text. -->
<text class="text">
Hello World
</text>
<!-- Add a button, set its type to capsule, set button text to Next, and bind it to the launch event. -->
<button class="button" type="capsule" value="Next" onclick="launch"></button>
</div>
```
2. Open the **index.css** file and set text and button styles.
```
/* index.css */
.container {
flex-direction: column; /* Arrange container items vertically. */
justify-content: center; /* Center the items along the main axis of the container. */
align-items: center; /* Center the items along the cross axis of the container. */
width:100%;
height:100%;
}
/* Set the style for the component of the text class. */
.text{
font-size: 42px;
}
/* Set the style for the component of the button class. */
.button {
width: 240px;
height: 60px;
background-color: #007dff;
font-size: 30px;
text-color: white;
margin-top: 20px;
}
```
3. [Preview](https://developer.harmonyos.com/en/docs/documentation/doc-guides/previewer-0000001054328973#EN-US_TOPIC_0000001056725592__section16523172216252) or [run your app on the emulator](https://developer.harmonyos.com/en/docs/documentation/doc-guides/run_simulator-0000001053303709). The following figure shows the running effect.
![](figures/1.png)
## Creating the Second Page<a name="section11544830123813"></a>
1. In the **Project** window, choose **entry** \> **src** \> **main** \> **js** \> **default**, right-click the **pages** folder, and then choose **New** \> **JS Page**. Name the new page **details** and press **Enter**.
Below is the structure of the **pages** folder:
![](figures/en-us_image_0000001167850660.png)
2. Open the **details.hml** file, add the **<text\>** component, and set its layout.
```
<!-- details.hml -->
<div class="container">
<text class="text">
Hi there
</text>
</div>
```
3. Open the **details.css** file and set the text style.
```
/* details.css */
.container {
flex-direction: column;
justify-content: center;
align-items: center;
width:100%;
height:100%;
}
.text {
font-size: 42px;
text-align: center;
}
```
## Implementing Page Redirection<a name="section55441830123814"></a>
1. Open the **index.js** file and import the router module. The page router finds the target page based on its URI for the redirection. The sample code is as follows:
```
// index.js
import router from '@system.router';
export default {
launch() {
router.push ({
uri:'pages/details/details', // Specify the page to be redirected to.
})
}
}
```
2. [Preview](https://developer.harmonyos.com/en/docs/documentation/doc-guides/previewer-0000001054328973#EN-US_TOPIC_0000001056725592__section16523172216252) or [run your app on the emulator](https://developer.harmonyos.com/en/docs/documentation/doc-guides/run_simulator-0000001053303709) again. The following figure shows the running effect.
![](figures/2.png)
Congratulations! You have finished developing your app in JavaScript.
# Getting Started<a name="EN-US_TOPIC_0000001115740240"></a>
- **[Preparations](start-overview.md)**
- **[Getting Started with JavaScript](start-with-js.md)**
......@@ -2111,7 +2111,7 @@ let deviceName = gattClient.getDeviceName().then((data) => {
getRssiValue(callback: AsyncCallback&lt;number&gt;): void
Obtains the received signal strength indication (RSSI) of the peer BLE device. This method uses an asynchronous callback to return the result. It can be used only after a connection is set up by calling [connect](#connect-boolean).
Obtains the received signal strength indication (RSSI) of the peer BLE device. This method uses an asynchronous callback to return the result. It can be used only after a connection is set up by calling [connect](#connect).
**Parameters:**
......@@ -2140,7 +2140,7 @@ let rssi = gattClient.getRssiValue((err, data)=> {
getRssiValue(): Promise&lt;number&gt;
Obtains the RSSI of the peer BLE device. This method uses a promise to return the result. It can be used only after a connection is set up by calling [connect](#connect-boolean).
Obtains the RSSI of the peer BLE device. This method uses a promise to return the result. It can be used only after a connection is set up by calling [connect](#connect).
**Return values:**
......
......@@ -8,7 +8,7 @@ SystemCapability.DistributedDataManager.RelationalStore.Core
## Usage<a name="section42211227142416"></a>
The **resultSet** object is obtained by using [**RdbStore.query\(\)**](js-apis-data-rdb.md#section6231155031814).
The **resultSet** object is obtained by using [**RdbStore.query\(\)**](js-apis-data-rdb.md#query).
```
import dataRdb from '@ohos.data.rdb';
......@@ -795,4 +795,3 @@ Closes the result set.
})
```
# WebGL
# webgl
> ![icon-note.gif](public_sys-resources/icon-note.gif) **Note:**
> ![icon-note.gif](public_sys-resources/icon-note.gif) **Note**
> The initial APIs of this module are supported since API version 7. Newly added APIs will be marked with a superscript to indicate their earliest API version.
This module provides WebGL APIs that correspond to the OpenGL ES 2.0 feature set. For more information, see [WebGL™](https://www.khronos.org/registry/webgl/specs/latest/1.0/).
This module provides WebGL APIs that correspond to the OpenGL ES 2.0 feature set. For more information, see [WebGL™](https://www.khronos.org/registry/webgl/specs/latest/2.0/).
## Modules to Import
```
import webgl from 'ohos.webglnapi'
import webgl from '@ohos.webglnapi';
```
## System Capabilities
## Invoking Method
SystemCapability.Graphic.Graphic2D.WebGL
Create a **&lt;canvas&gt;** component in the HML file. The following is an example:
```
<div class="container">
<canvas ref="canvas1" style="width : 400px; height : 200px; background-color : lightyellow;"></canvas>
<button class="btn-button" onclick="BtnDraw2D">BtnDraw2D</button>
</div>
```
## Invoking Method
Obtain the **&lt;canvas&gt;** component instance in the JS file. The following is an example:
```
// Obtain the <canvas\> component instance.
const el = this.$refs.canvas
// Obtain the WebGL context from the <canvas\> component instance.
// Obtain the <canvas> component instance.
const el = this.$refs.canvas1;
// Obtain the WebGL context from the <canvas> component instance.
const gl = el.getContext('webgl');
// Call the WebGL API.
gl.clearColor(0.0, 0.0, 0.0, 1.0);
gl.flush();
```
## GLenum
| Name| Type|
| -------- | -------- |
| GLenum | number |
## GLboolean
| Name| Type|
| -------- | -------- |
| GLboolean | boolean |
## GLbitfield
| Name| Type|
| -------- | -------- |
| GLbitfield | number |
## GLbyte
| Name| Type|
| -------- | -------- |
| GLbyte | number |
## GLshort
| Name| Type|
| -------- | -------- |
| GLshort | number |
## GLint
| Name| Type|
| -------- | -------- |
| GLint | number |
## GLsizei
| Name| Type|
| -------- | -------- |
| GLsizei | number |
## GLintptr
| Name| Type|
| -------- | -------- |
| GLintptr | number |
## GLsizeiptr
| Name| Type|
| -------- | -------- |
| GLsizeiptr | number |
## GLubyte
| Name| Type|
| -------- | -------- |
| GLubyte | number |
## GLushort
| Name| Type|
| -------- | -------- |
| GLushort | number |
## Type
## GLuint
**Table1** Type
| Name| Type|
| -------- | -------- |
| GLuint | number |
## GLfloat
| Name| Type|
| -------- | -------- |
| GLfloat | number |
## GLclampf
| Name| Type|
| -------- | -------- |
| GLclampf | number |
## TexImageSource
| Name| Type|
| -------- | -------- |
| TexImageSource | ImageData |
## Float32List
| Name| Type|
| -------- | -------- |
| Float32List | array |
## Int32List
| Name| Type|
| -------- | -------- |
| Int32List | array |
## WebGLPowerPreference
| Name| Type|
| Name | Type | Description |
| -------- | -------- | -------- |
| GLenum | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLboolean | boolean | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLbitfield | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLbyte | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLshort | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLint | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLsizei | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLintptr | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLsizeiptr | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLubyte | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLushort | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLuint | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLfloat | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| GLclampf | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| TexImageSource | ImageData | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| Float32List | array | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| Int32List | array | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| WebGLPowerPreference | string | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
## Interface
**Table2** Interface
| Name | Description |
| -------- | -------- |
| WebGLPowerPreference | string |
## webgl.WebGLContextAttributes
| [WebGLContextAttributes](#webglcontextattributes) | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| WebGLBuffer | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| WebGLFrameBuffer | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| WebGLProgram | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| WebGLRenderbuffer | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| WebGLShader | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| WebGLTexture | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| WebGLUniformLocation | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| [WebGLActiveInfo](#webglactiveinfo) | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| [WebGLShaderPrecisionFormat](#webglshaderprecisionformat) | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| [WebGLRenderingContextBase](#webglrenderingcontextbase) | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
| [WebGLRenderingContextOverloads](#webglrenderingcontextoverloads) | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL |
## WebGLContextAttributes
WebGLContextAttributes
| Name| Type| Mandatory|
| Name | Type | Mandatory |
| -------- | -------- | -------- |
| alpha | boolean | No|
| depth | boolean | No|
| stencil | boolean | No|
| antialias | boolean | No|
| premultipliedAlpha | boolean | No|
| preserveDrawingBuffer | boolean | No|
| powerPreference | WebGLPowerPreference | No|
| failIfMajorPerformanceCaveat | boolean | No|
| desynchronized | boolean | No|
## webgl.WebGLBuffer
WebGLBuffer
## webgl.WebGLFrameBuffer
WebGLFrameBuffer
## webgl.WebGLProgram
WebGLProgram
## webgl.WebGLRenderbuffer
WebGLRenderbuffer
## webgl.WebGLShader
WebGLShader
## webgl.WebGLTexture
WebGLTexture
## webgl.WebGLUniformLocation
WebGLUniformLocation
| alpha | boolean | No |
| depth | boolean | No |
| stencil | boolean | No |
| antialias | boolean | No |
| premultipliedAlpha | boolean | No |
| preserveDrawingBuffer | boolean | No |
| powerPreference | WebGLPowerPreference | No |
| failIfMajorPerformanceCaveat | boolean | No |
| desynchronized | boolean | No |
## webgl.WebGLActiveInfo
## WebGLActiveInfo
WebGLActiveInfo
| Name| Type| Mandatory|
| Name | Type | Mandatory |
| -------- | -------- | -------- |
| size | [GLint](#glint) | Yes|
| type | [GLenum](#glenum) | Yes|
| name | string | Yes|
| size | GLint | Yes |
| type | GLenum | Yes |
| name | string | Yes |
## webgl.WebGLShaderPrecisionFormat
## WebGLShaderPrecisionFormat
WebGLShaderPrecisionFormat
| Name| Type| Mandatory|
| Name | Type | Mandatory |
| -------- | -------- | -------- |
| rangeMin | [GLint](#glint) | Yes|
| rangeMax | [GLint](#glint) | Yes|
| precision | [GLint](#glint) | Yes|
| rangeMin | GLint | Yes |
| rangeMax | GLint | Yes |
| precision | GLint | Yes |
## webgl.WebGLRenderingContextBase
## WebGLRenderingContextBase
WebGLRenderingContextBase
### Attributes
| Name| Type| Mandatory|
| Name | Type | Mandatory |
| -------- | -------- | -------- |
| DEPTH_BUFFER_BIT | [GLenum](#glenum) | Yes|
| STENCIL_BUFFER_BIT | [GLenum](#glenum) | Yes|
| COLOR_BUFFER_BIT | [GLenum](#glenum) | Yes|
| POINTS | [GLenum](#glenum) | Yes|
| LINES | [GLenum](#glenum) | Yes|
| LINE_LOOP | [GLenum](#glenum) | Yes|
| LINE_STRIP | [GLenum](#glenum) | Yes|
| TRIANGLES | [GLenum](#glenum) | Yes|
| TRIANGLE_STRIP | [GLenum](#glenum) | Yes|
| TRIANGLE_FAN | [GLenum](#glenum) | Yes|
| ZERO | [GLenum](#glenum) | Yes|
| ONE | [GLenum](#glenum) | Yes|
| SRC_COLOR | [GLenum](#glenum) | Yes|
| ONE_MINUS_SRC_COLOR | [GLenum](#glenum) | Yes|
| SRC_ALPHA | [GLenum](#glenum) | Yes|
| ONE_MINUS_SRC_ALPHA | [GLenum](#glenum) | Yes|
| DST_ALPHA | [GLenum](#glenum) | Yes|
| ONE_MINUS_DST_ALPHA | [GLenum](#glenum) | Yes|
| DST_COLOR | [GLenum](#glenum) | Yes|
| ONE_MINUS_DST_COLOR | [GLenum](#glenum) | Yes|
| SRC_ALPHA_SATURATE | [GLenum](#glenum) | Yes|
| FUNC_ADD | [GLenum](#glenum) | Yes|
| BLEND_EQUATION | [GLenum](#glenum) | Yes|
| BLEND_EQUATION_RGB | [GLenum](#glenum) | Yes|
| BLEND_EQUATION_ALPHA | [GLenum](#glenum) | Yes|
| FUNC_SUBTRACT | [GLenum](#glenum) | Yes|
| FUNC_REVERSE_SUBTRACT | [GLenum](#glenum) | Yes|
| BLEND_DST_RGB | [GLenum](#glenum) | Yes|
| BLEND_SRC_RGB | [GLenum](#glenum) | Yes|
| BLEND_DST_ALPHA | [GLenum](#glenum) | Yes|
| BLEND_SRC_ALPHA | [GLenum](#glenum) | Yes|
| CONSTANT_COLOR | [GLenum](#glenum) | Yes|
| ONE_MINUS_CONSTANT_COLOR | [GLenum](#glenum) | Yes|
| CONSTANT_ALPHA | [GLenum](#glenum) | Yes|
| ONE_MINUS_CONSTANT_ALPHA | [GLenum](#glenum) | Yes|
| BLEND_COLOR | [GLenum](#glenum) | Yes|
| ARRAY_BUFFER | [GLenum](#glenum) | Yes|
| ELEMENT_ARRAY_BUFFER | [GLenum](#glenum) | Yes|
| ARRAY_BUFFER_BINDING | [GLenum](#glenum) | Yes|
| ELEMENT_ARRAY_BUFFER_BINDING | [GLenum](#glenum) | Yes|
| STREAM_DRAW | [GLenum](#glenum) | Yes|
| STATIC_DRAW | [GLenum](#glenum) | Yes|
| DYNAMIC_DRAW | [GLenum](#glenum) | Yes|
| BUFFER_SIZE | [GLenum](#glenum) | Yes|
| BUFFER_USAGE | [GLenum](#glenum) | Yes|
| CURRENT_VERTEX_ATTRIB | [GLenum](#glenum) | Yes|
| FRONT | [GLenum](#glenum) | Yes|
| BACK | [GLenum](#glenum) | Yes|
| FRONT_AND_BACK | [GLenum](#glenum) | Yes|
| CULL_FACE | [GLenum](#glenum) | Yes|
| BLEND | [GLenum](#glenum) | Yes|
| DITHER | [GLenum](#glenum) | Yes|
| STENCIL_TEST | [GLenum](#glenum) | Yes|
| DEPTH_TEST | [GLenum](#glenum) | Yes|
| SCISSOR_TEST | [GLenum](#glenum) | Yes|
| POLYGON_OFFSET_FILL | [GLenum](#glenum) | Yes|
| SAMPLE_ALPHA_TO_COVERAGE | [GLenum](#glenum) | Yes|
| SAMPLE_COVERAGE | [GLenum](#glenum) | Yes|
| NO_ERROR | [GLenum](#glenum) | Yes|
| INVALID_ENUM | [GLenum](#glenum) | Yes|
| INVALID_VALUE | [GLenum](#glenum) | Yes|
| INVALID_OPERATION | [GLenum](#glenum) | Yes|
| OUT_OF_MEMORY | [GLenum](#glenum) | Yes|
| CW | [GLenum](#glenum) | Yes|
| CCW | [GLenum](#glenum) | Yes|
| ALIASED_POINT_SIZE_RANGE | [GLenum](#glenum) | Yes|
| ALIASED_LINE_WIDTH_RANGE | [GLenum](#glenum) | Yes|
| CULL_FACE_MODE | [GLenum](#glenum) | Yes|
| FRONT_FACE | [GLenum](#glenum) | Yes|
| DEPTH_RANGE | [GLenum](#glenum) | Yes|
| DEPTH_WRITEMASK | [GLenum](#glenum) | Yes|
| DEPTH_CLEAR_VALUE | [GLenum](#glenum) | Yes|
| DEPTH_FUNC | [GLenum](#glenum) | Yes|
| STENCIL_CLEAR_VALUE | [GLenum](#glenum) | Yes|
| STENCIL_FUNC | [GLenum](#glenum) | Yes|
| STENCIL_FAIL | [GLenum](#glenum) | Yes|
| STENCIL_PASS_DEPTH_FAIL | [GLenum](#glenum) | Yes|
| STENCIL_PASS_DEPTH_PASS | [GLenum](#glenum) | Yes|
| STENCIL_REF | [GLenum](#glenum) | Yes|
| STENCIL_VALUE_MASK | [GLenum](#glenum) | Yes|
| STENCIL_WRITEMASK | [GLenum](#glenum) | Yes|
| STENCIL_BACK_FUNC | [GLenum](#glenum) | Yes|
| STENCIL_BACK_FAIL | [GLenum](#glenum) | Yes|
| STENCIL_BACK_PASS_DEPTH_FAIL | [GLenum](#glenum) | Yes|
| STENCIL_BACK_PASS_DEPTH_PASS | [GLenum](#glenum) | Yes|
| STENCIL_BACK_REF | [GLenum](#glenum) | Yes|
| STENCIL_BACK_VALUE_MASK | [GLenum](#glenum) | Yes|
| STENCIL_BACK_WRITEMASK | [GLenum](#glenum) | Yes|
| VIEWPORT | [GLenum](#glenum) | Yes|
| SCISSOR_BOX | [GLenum](#glenum) | Yes|
| COLOR_CLEAR_VALUE | [GLenum](#glenum) | Yes|
| COLOR_WRITEMASK | [GLenum](#glenum) | Yes|
| UNPACK_ALIGNMENT | [GLenum](#glenum) | Yes|
| PACK_ALIGNMENT | [GLenum](#glenum) | Yes|
| MAX_TEXTURE_SIZE | [GLenum](#glenum) | Yes|
| MAX_VIEWPORT_DIMS | [GLenum](#glenum) | Yes|
| SUBPIXEL_BITS | [GLenum](#glenum) | Yes|
| RED_BITS | [GLenum](#glenum) | Yes|
| GREEN_BITS | [GLenum](#glenum) | Yes|
| BLUE_BITS | [GLenum](#glenum) | Yes|
| ALPHA_BITS | [GLenum](#glenum) | Yes|
| DEPTH_BITS | [GLenum](#glenum) | Yes|
| STENCIL_BITS | [GLenum](#glenum) | Yes|
| POLYGON_OFFSET_UNITS | [GLenum](#glenum) | Yes|
| POLYGON_OFFSET_FACTOR | [GLenum](#glenum) | Yes|
| TEXTURE_BINDING_2D | [GLenum](#glenum) | Yes|
| SAMPLE_BUFFERS | [GLenum](#glenum) | Yes|
| SAMPLES | [GLenum](#glenum) | Yes|
| SAMPLE_COVERAGE_VALUE | [GLenum](#glenum) | Yes|
| SAMPLE_COVERAGE_INVERT | [GLenum](#glenum) | Yes|
| COMPRESSED_TEXTURE_FORMATS | [GLenum](#glenum) | Yes|
| DONT_CARE | [GLenum](#glenum) | Yes|
| FASTEST | [GLenum](#glenum) | Yes|
| NICEST | [GLenum](#glenum) | Yes|
| GENERATE_MIPMAP_HINT | [GLenum](#glenum) | Yes|
| BYTE | [GLenum](#glenum) | Yes|
| UNSIGNED_BYTE | [GLenum](#glenum) | Yes|
| SHORT | [GLenum](#glenum) | Yes|
| UNSIGNED_SHORT | [GLenum](#glenum) | Yes|
| INT | [GLenum](#glenum) | Yes|
| UNSIGNED_INT | [GLenum](#glenum) | Yes|
| FLOAT | [GLenum](#glenum) | Yes|
| DEPTH_COMPONENT | [GLenum](#glenum) | Yes|
| ALPHA | [GLenum](#glenum) | Yes|
| RGB | [GLenum](#glenum) | Yes|
| RGBA | [GLenum](#glenum) | Yes|
| LUMINANCE | [GLenum](#glenum) | Yes|
| LUMINANCE_ALPHA | [GLenum](#glenum) | Yes|
| UNSIGNED_SHORT_4_4_4_4 | [GLenum](#glenum) | Yes|
| UNSIGNED_SHORT_5_5_5_1 | [GLenum](#glenum) | Yes|
| UNSIGNED_SHORT_5_6_5 | [GLenum](#glenum) | Yes|
| FRAGMENT_SHADER | [GLenum](#glenum) | Yes|
| VERTEX_SHADER | [GLenum](#glenum) | Yes|
| MAX_VERTEX_ATTRIBS | [GLenum](#glenum) | Yes|
| MAX_VERTEX_UNIFORM_VECTORS | [GLenum](#glenum) | Yes|
| MAX_VARYING_VECTORS | [GLenum](#glenum) | Yes|
| MAX_COMBINED_TEXTURE_IMAGE_UNITS | [GLenum](#glenum) | Yes|
| MAX_VERTEX_TEXTURE_IMAGE_UNITS | [GLenum](#glenum) | Yes|
| MAX_TEXTURE_IMAGE_UNITS | [GLenum](#glenum) | Yes|
| MAX_FRAGMENT_UNIFORM_VECTORS | [GLenum](#glenum) | Yes|
| SHADER_TYPE | [GLenum](#glenum) | Yes|
| DELETE_STATUS | [GLenum](#glenum) | Yes|
| LINK_STATUS | [GLenum](#glenum) | Yes|
| VALIDATE_STATUS | [GLenum](#glenum) | Yes|
| ATTACHED_SHADERS | [GLenum](#glenum) | Yes|
| ACTIVE_UNIFORMS | [GLenum](#glenum) | Yes|
| ACTIVE_ATTRIBUTES | [GLenum](#glenum) | Yes|
| SHADING_LANGUAGE_VERSION | [GLenum](#glenum) | Yes|
| CURRENT_PROGRAM | [GLenum](#glenum) | Yes|
| NEVER | [GLenum](#glenum) | Yes|
| LESS | [GLenum](#glenum) | Yes|
| EQUAL | [GLenum](#glenum) | Yes|
| LEQUAL | [GLenum](#glenum) | Yes|
| GREATER | [GLenum](#glenum) | Yes|
| NOTEQUAL | [GLenum](#glenum) | Yes|
| GEQUAL | [GLenum](#glenum) | Yes|
| ALWAYS | [GLenum](#glenum) | Yes|
| KEEP | [GLenum](#glenum) | Yes|
| REPLACE | [GLenum](#glenum) | Yes|
| INCR | [GLenum](#glenum) | Yes|
| DECR | [GLenum](#glenum) | Yes|
| INVERT | [GLenum](#glenum) | Yes|
| INCR_WRAP | [GLenum](#glenum) | Yes|
| DECR_WRAP | [GLenum](#glenum) | Yes|
| VENDOR | [GLenum](#glenum) | Yes|
| RENDERER | [GLenum](#glenum) | Yes|
| VERSION | [GLenum](#glenum) | Yes|
| NEAREST | [GLenum](#glenum) | Yes|
| LINEAR | [GLenum](#glenum) | Yes|
| NEAREST_MIPMAP_NEAREST | [GLenum](#glenum) | Yes|
| LINEAR_MIPMAP_NEAREST | [GLenum](#glenum) | Yes|
| NEAREST_MIPMAP_LINEAR | [GLenum](#glenum) | Yes|
| LINEAR_MIPMAP_LINEAR | [GLenum](#glenum) | Yes|
| TEXTURE_MAG_FILTER | [GLenum](#glenum) | Yes|
| TEXTURE_MIN_FILTER | [GLenum](#glenum) | Yes|
| TEXTURE_WRAP_S | [GLenum](#glenum) | Yes|
| TEXTURE_WRAP_T | [GLenum](#glenum) | Yes|
| TEXTURE_2D | [GLenum](#glenum) | Yes|
| TEXTURE | [GLenum](#glenum) | Yes|
| TEXTURE_CUBE_MAP | [GLenum](#glenum) | Yes|
| TEXTURE_BINDING_CUBE_MAP | [GLenum](#glenum) | Yes|
| TEXTURE_CUBE_MAP_POSITIVE_X | [GLenum](#glenum) | Yes|
| TEXTURE_CUBE_MAP_NEGATIVE_X | [GLenum](#glenum) | Yes|
| TEXTURE_CUBE_MAP_POSITIVE_Y | [GLenum](#glenum) | Yes|
| TEXTURE_CUBE_MAP_NEGATIVE_Y | [GLenum](#glenum) | Yes|
| TEXTURE_CUBE_MAP_POSITIVE_Z | [GLenum](#glenum) | Yes|
| TEXTURE_CUBE_MAP_NEGATIVE_Z | [GLenum](#glenum) | Yes|
| TEXTURE0 | [GLenum](#glenum) | Yes|
| TEXTURE1 | [GLenum](#glenum) | Yes|
| TEXTURE2 | [GLenum](#glenum) | Yes|
| TEXTURE3 | [GLenum](#glenum) | Yes|
| TEXTURE4 | [GLenum](#glenum) | Yes|
| TEXTURE5 | [GLenum](#glenum) | Yes|
| TEXTURE6 | [GLenum](#glenum) | Yes|
| TEXTURE7 | [GLenum](#glenum) | Yes|
| TEXTURE8 | [GLenum](#glenum) | Yes|
| TEXTURE9 | [GLenum](#glenum) | Yes|
| TEXTURE10 | [GLenum](#glenum) | Yes|
| TEXTURE11 | [GLenum](#glenum) | Yes|
| TEXTURE12 | [GLenum](#glenum) | Yes|
| TEXTURE13 | [GLenum](#glenum) | Yes|
| TEXTURE14 | [GLenum](#glenum) | Yes|
| TEXTURE15 | [GLenum](#glenum) | Yes|
| TEXTURE16 | [GLenum](#glenum) | Yes|
| TEXTURE17 | [GLenum](#glenum) | Yes|
| TEXTURE18 | [GLenum](#glenum) | Yes|
| TEXTURE19 | [GLenum](#glenum) | Yes|
| TEXTURE20 | [GLenum](#glenum) | Yes|
| TEXTURE21 | [GLenum](#glenum) | Yes|
| TEXTURE22 | [GLenum](#glenum) | Yes|
| TEXTURE23 | [GLenum](#glenum) | Yes|
| TEXTURE24 | [GLenum](#glenum) | Yes|
| TEXTURE25 | [GLenum](#glenum) | Yes|
| TEXTURE26 | [GLenum](#glenum) | Yes|
| TEXTURE27 | [GLenum](#glenum) | Yes|
| TEXTURE28 | [GLenum](#glenum) | Yes|
| TEXTURE29 | [GLenum](#glenum) | Yes|
| TEXTURE30 | [GLenum](#glenum) | Yes|
| TEXTURE31 | [GLenum](#glenum) | Yes|
| ACTIVE_TEXTURE | [GLenum](#glenum) | Yes|
| REPEAT | [GLenum](#glenum) | Yes|
| CLAMP_TO_EDGE | [GLenum](#glenum) | Yes|
| MIRRORED_REPEAT | [GLenum](#glenum) | Yes|
| FLOAT_VEC2 | [GLenum](#glenum) | Yes|
| FLOAT_VEC3 | [GLenum](#glenum) | Yes|
| FLOAT_VEC4 | [GLenum](#glenum) | Yes|
| INT_VEC2 | [GLenum](#glenum) | Yes|
| INT_VEC3 | [GLenum](#glenum) | Yes|
| INT_VEC4 | [GLenum](#glenum) | Yes|
| BOOL | [GLenum](#glenum) | Yes|
| BOOL_VEC2 | [GLenum](#glenum) | Yes|
| BOOL_VEC3 | [GLenum](#glenum) | Yes|
| BOOL_VEC4 | [GLenum](#glenum) | Yes|
| FLOAT_MAT2 | [GLenum](#glenum) | Yes|
| FLOAT_MAT3 | [GLenum](#glenum) | Yes|
| FLOAT_MAT4 | [GLenum](#glenum) | Yes|
| SAMPLER_2D | [GLenum](#glenum) | Yes|
| SAMPLER_CUBE | [GLenum](#glenum) | Yes|
| VERTEX_ATTRIB_ARRAY_ENABLED | [GLenum](#glenum) | Yes|
| VERTEX_ATTRIB_ARRAY_SIZE | [GLenum](#glenum) | Yes|
| VERTEX_ATTRIB_ARRAY_STRIDE | [GLenum](#glenum) | Yes|
| VERTEX_ATTRIB_ARRAY_TYPE | [GLenum](#glenum) | Yes|
| VERTEX_ATTRIB_ARRAY_NORMALIZED | [GLenum](#glenum) | Yes|
| VERTEX_ATTRIB_ARRAY_POINTER | [GLenum](#glenum) | Yes|
| VERTEX_ATTRIB_ARRAY_BUFFER_BINDING | [GLenum](#glenum) | Yes|
| IMPLEMENTATION_COLOR_READ_TYPE | [GLenum](#glenum) | Yes|
| IMPLEMENTATION_COLOR_READ_FORMAT | [GLenum](#glenum) | Yes|
| COMPILE_STATUS | [GLenum](#glenum) | Yes|
| LOW_FLOAT | [GLenum](#glenum) | Yes|
| MEDIUM_FLOAT | [GLenum](#glenum) | Yes|
| HIGH_FLOAT | [GLenum](#glenum) | Yes|
| LOW_INT | [GLenum](#glenum) | Yes|
| MEDIUM_INT | [GLenum](#glenum) | Yes|
| HIGH_INT | [GLenum](#glenum) | Yes|
| FRAMEBUFFER | [GLenum](#glenum) | Yes|
| RENDERBUFFER | [GLenum](#glenum) | Yes|
| RGBA4 | [GLenum](#glenum) | Yes|
| RGB5_A1 | [GLenum](#glenum) | Yes|
| RGB565 | [GLenum](#glenum) | Yes|
| DEPTH_COMPONENT16 | [GLenum](#glenum) | Yes|
| STENCIL_INDEX8 | [GLenum](#glenum) | Yes|
| DEPTH_STENCIL | [GLenum](#glenum) | Yes|
| RENDERBUFFER_WIDTH | [GLenum](#glenum) | Yes|
| RENDERBUFFER_HEIGHT | [GLenum](#glenum) | Yes|
| RENDERBUFFER_INTERNAL_FORMAT | [GLenum](#glenum) | Yes|
| RENDERBUFFER_RED_SIZE | [GLenum](#glenum) | Yes|
| RENDERBUFFER_GREEN_SIZE | [GLenum](#glenum) | Yes|
| RENDERBUFFER_BLUE_SIZE | [GLenum](#glenum) | Yes|
| RENDERBUFFER_ALPHA_SIZE | [GLenum](#glenum) | Yes|
| RENDERBUFFER_DEPTH_SIZE | [GLenum](#glenum) | Yes|
| RENDERBUFFER_STENCIL_SIZE | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_OBJECT_NAME | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE | [GLenum](#glenum) | Yes|
| COLOR_ATTACHMENT0 | [GLenum](#glenum) | Yes|
| DEPTH_ATTACHMENT | [GLenum](#glenum) | Yes|
| STENCIL_ATTACHMENT | [GLenum](#glenum) | Yes|
| DEPTH_STENCIL_ATTACHMENT | [GLenum](#glenum) | Yes|
| NONE | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_COMPLETE | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_INCOMPLETE_ATTACHMENT | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_INCOMPLETE_DIMENSIONS | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_UNSUPPORTED | [GLenum](#glenum) | Yes|
| FRAMEBUFFER_BINDING | [GLenum](#glenum) | Yes|
| RENDERBUFFER_BINDING | [GLenum](#glenum) | Yes|
| MAX_RENDERBUFFER_SIZE | [GLenum](#glenum) | Yes|
| INVALID_FRAMEBUFFER_OPERATION | [GLenum](#glenum) | Yes|
| UNPACK_FLIP_Y_WEBGL | [GLenum](#glenum) | Yes|
| UNPACK_PREMULTIPLY_ALPHA_WEBGL | [GLenum](#glenum) | Yes|
| CONTEXT_LOST_WEBGL | [GLenum](#glenum) | Yes|
| UNPACK_COLORSPACE_CONVERSION_WEBGL | [GLenum](#glenum) | Yes|
| BROWSER_DEFAULT_WEBGL | [GLenum](#glenum) | Yes|
| canvas | HTMLCanvasElement&nbsp;\|&nbsp;OffscreenCanvas | Yes|
| drawingBufferWidth | [GLsizei](#glsizei) | Yes|
| drawingBufferHeight | [GLsizei](#glsizei) | Yes|
| DEPTH_BUFFER_BIT | GLenum | Yes |
| STENCIL_BUFFER_BIT | GLenum | Yes |
| COLOR_BUFFER_BIT | GLenum | Yes |
| POINTS | GLenum | Yes |
| LINES | GLenum | Yes |
| LINE_LOOP | GLenum | Yes |
| LINE_STRIP | GLenum | Yes |
| TRIANGLES | GLenum | Yes |
| TRIANGLE_STRIP | GLenum | Yes |
| TRIANGLE_FAN | GLenum | Yes |
| ZERO | GLenum | Yes |
| ONE | GLenum | Yes |
| SRC_COLOR | GLenum | Yes |
| ONE_MINUS_SRC_COLOR | GLenum | Yes |
| SRC_ALPHA | GLenum | Yes |
| ONE_MINUS_SRC_ALPHA | GLenum | Yes |
| DST_ALPHA | GLenum | Yes |
| ONE_MINUS_DST_ALPHA | GLenum | Yes |
| DST_COLOR | GLenum | Yes |
| ONE_MINUS_DST_COLOR | GLenum | Yes |
| SRC_ALPHA_SATURATE | GLenum | Yes |
| FUNC_ADD | GLenum | Yes |
| BLEND_EQUATION | GLenum | Yes |
| BLEND_EQUATION_RGB | GLenum | Yes |
| BLEND_EQUATION_ALPHA | GLenum | Yes |
| FUNC_SUBTRACT | GLenum | Yes |
| FUNC_REVERSE_SUBTRACT | GLenum | Yes |
| BLEND_DST_RGB | GLenum | Yes |
| BLEND_SRC_RGB | GLenum | Yes |
| BLEND_DST_ALPHA | GLenum | Yes |
| BLEND_SRC_ALPHA | GLenum | Yes |
| CONSTANT_COLOR | GLenum | Yes |
| ONE_MINUS_CONSTANT_COLOR | GLenum | Yes |
| CONSTANT_ALPHA | GLenum | Yes |
| ONE_MINUS_CONSTANT_ALPHA | GLenum | Yes |
| BLEND_COLOR | GLenum | Yes |
| ARRAY_BUFFER | GLenum | Yes |
| ELEMENT_ARRAY_BUFFER | GLenum | Yes |
| ARRAY_BUFFER_BINDING | GLenum | Yes |
| ELEMENT_ARRAY_BUFFER_BINDING | GLenum | Yes |
| STREAM_DRAW | GLenum | Yes |
| STATIC_DRAW | GLenum | Yes |
| DYNAMIC_DRAW | GLenum | Yes |
| BUFFER_SIZE | GLenum | Yes |
| BUFFER_USAGE | GLenum | Yes |
| CURRENT_VERTEX_ATTRIB | GLenum | Yes |
| FRONT | GLenum | Yes |
| BACK | GLenum | Yes |
| FRONT_AND_BACK | GLenum | Yes |
| CULL_FACE | GLenum | Yes |
| BLEND | GLenum | Yes |
| DITHER | GLenum | Yes |
| STENCIL_TEST | GLenum | Yes |
| DEPTH_TEST | GLenum | Yes |
| SCISSOR_TEST | GLenum | Yes |
| POLYGON_OFFSET_FILL | GLenum | Yes |
| SAMPLE_ALPHA_TO_COVERAGE | GLenum | Yes |
| SAMPLE_COVERAGE | GLenum | Yes |
| NO_ERROR | GLenum | Yes |
| INVALID_ENUM | GLenum | Yes |
| INVALID_VALUE | GLenum | Yes |
| INVALID_OPERATION | GLenum | Yes |
| OUT_OF_MEMORY | GLenum | Yes |
| CW | GLenum | Yes |
| CCW | GLenum | Yes |
| LINE_WIDTH | GLenum | Yes |
| ALIASED_POINT_SIZE_RANGE | GLenum | Yes |
| ALIASED_LINE_WIDTH_RANGE | GLenum | Yes |
| CULL_FACE_MODE | GLenum | Yes |
| FRONT_FACE | GLenum | Yes |
| DEPTH_RANGE | GLenum | Yes |
| DEPTH_WRITEMASK | GLenum | Yes |
| DEPTH_CLEAR_VALUE | GLenum | Yes |
| DEPTH_FUNC | GLenum | Yes |
| STENCIL_CLEAR_VALUE | GLenum | Yes |
| STENCIL_FUNC | GLenum | Yes |
| STENCIL_FAIL | GLenum | Yes |
| STENCIL_PASS_DEPTH_FAIL | GLenum | Yes |
| STENCIL_PASS_DEPTH_PASS | GLenum | Yes |
| STENCIL_REF | GLenum | Yes |
| STENCIL_VALUE_MASK | GLenum | Yes |
| STENCIL_WRITEMASK | GLenum | Yes |
| STENCIL_BACK_FUNC | GLenum | Yes |
| STENCIL_BACK_FAIL | GLenum | Yes |
| STENCIL_BACK_PASS_DEPTH_FAIL | GLenum | Yes |
| STENCIL_BACK_PASS_DEPTH_PASS | GLenum | Yes |
| STENCIL_BACK_REF | GLenum | Yes |
| STENCIL_BACK_VALUE_MASK | GLenum | Yes |
| STENCIL_BACK_WRITEMASK | GLenum | Yes |
| VIEWPORT | GLenum | Yes |
| SCISSOR_BOX | GLenum | Yes |
| COLOR_CLEAR_VALUE | GLenum | Yes |
| COLOR_WRITEMASK | GLenum | Yes |
| UNPACK_ALIGNMENT | GLenum | Yes |
| PACK_ALIGNMENT | GLenum | Yes |
| MAX_TEXTURE_SIZE | GLenum | Yes |
| MAX_VIEWPORT_DIMS | GLenum | Yes |
| SUBPIXEL_BITS | GLenum | Yes |
| RED_BITS | GLenum | Yes |
| GREEN_BITS | GLenum | Yes |
| BLUE_BITS | GLenum | Yes |
| ALPHA_BITS | GLenum | Yes |
| DEPTH_BITS | GLenum | Yes |
| STENCIL_BITS | GLenum | Yes |
| POLYGON_OFFSET_UNITS | GLenum | Yes |
| POLYGON_OFFSET_FACTOR | GLenum | Yes |
| TEXTURE_BINDING_2D | GLenum | Yes |
| SAMPLE_BUFFERS | GLenum | Yes |
| SAMPLES | GLenum | Yes |
| SAMPLE_COVERAGE_VALUE | GLenum | Yes |
| SAMPLE_COVERAGE_INVERT | GLenum | Yes |
| COMPRESSED_TEXTURE_FORMATS | GLenum | Yes |
| DONT_CARE | GLenum | Yes |
| FASTEST | GLenum | Yes |
| NICEST | GLenum | Yes |
| GENERATE_MIPMAP_HINT | GLenum | Yes |
| BYTE | GLenum | Yes |
| UNSIGNED_BYTE | GLenum | Yes |
| SHORT | GLenum | Yes |
| UNSIGNED_SHORT | GLenum | Yes |
| INT | GLenum | Yes |
| UNSIGNED_INT | GLenum | Yes |
| FLOAT | GLenum | Yes |
| DEPTH_COMPONENT | GLenum | Yes |
| ALPHA | GLenum | Yes |
| RGB | GLenum | Yes |
| RGBA | GLenum | Yes |
| LUMINANCE | GLenum | Yes |
| LUMINANCE_ALPHA | GLenum | Yes |
| UNSIGNED_SHORT_4_4_4_4 | GLenum | Yes |
| UNSIGNED_SHORT_5_5_5_1 | GLenum | Yes |
| UNSIGNED_SHORT_5_6_5 | GLenum | Yes |
| FRAGMENT_SHADER | GLenum | Yes |
| VERTEX_SHADER | GLenum | Yes |
| MAX_VERTEX_ATTRIBS | GLenum | Yes |
| MAX_VERTEX_UNIFORM_VECTORS | GLenum | Yes |
| MAX_VARYING_VECTORS | GLenum | Yes |
| MAX_COMBINED_TEXTURE_IMAGE_UNITS | GLenum | Yes |
| MAX_VERTEX_TEXTURE_IMAGE_UNITS | GLenum | Yes |
| MAX_TEXTURE_IMAGE_UNITS | GLenum | Yes |
| MAX_FRAGMENT_UNIFORM_VECTORS | GLenum | Yes |
| SHADER_TYPE | GLenum | Yes |
| DELETE_STATUS | GLenum | Yes |
| LINK_STATUS | GLenum | Yes |
| VALIDATE_STATUS | GLenum | Yes |
| ATTACHED_SHADERS | GLenum | Yes |
| ACTIVE_UNIFORMS | GLenum | Yes |
| ACTIVE_ATTRIBUTES | GLenum | Yes |
| SHADING_LANGUAGE_VERSION | GLenum | Yes |
| CURRENT_PROGRAM | GLenum | Yes |
| NEVER | GLenum | Yes |
| LESS | GLenum | Yes |
| EQUAL | GLenum | Yes |
| LEQUAL | GLenum | Yes |
| GREATER | GLenum | Yes |
| NOTEQUAL | GLenum | Yes |
| GEQUAL | GLenum | Yes |
| ALWAYS | GLenum | Yes |
| KEEP | GLenum | Yes |
| REPLACE | GLenum | Yes |
| INCR | GLenum | Yes |
| DECR | GLenum | Yes |
| INVERT | GLenum | Yes |
| INCR_WRAP | GLenum | Yes |
| DECR_WRAP | GLenum | Yes |
| VENDOR | GLenum | Yes |
| RENDERER | GLenum | Yes |
| VERSION | GLenum | Yes |
| NEAREST | GLenum | Yes |
| LINEAR | GLenum | Yes |
| NEAREST_MIPMAP_NEAREST | GLenum | Yes |
| LINEAR_MIPMAP_NEAREST | GLenum | Yes |
| NEAREST_MIPMAP_LINEAR | GLenum | Yes |
| LINEAR_MIPMAP_LINEAR | GLenum | Yes |
| TEXTURE_MIN_FILTER | GLenum | Yes |
| TEXTURE_WRAP_S | GLenum | Yes |
| TEXTURE_WRAP_T | GLenum | Yes |
| TEXTURE_2D | GLenum | Yes |
| TEXTURE | GLenum | Yes |
| TEXTURE_CUBE_MAP | GLenum | Yes |
| TEXTURE_BINDING_CUBE_MAP | GLenum | Yes |
| TEXTURE_CUBE_MAP_POSITIVE_X | GLenum | Yes |
| TEXTURE_CUBE_MAP_NEGATIVE_X | GLenum | Yes |
| TEXTURE_CUBE_MAP_POSITIVE_Y | GLenum | Yes |
| TEXTURE_CUBE_MAP_NEGATIVE_Y | GLenum | Yes |
| TEXTURE_CUBE_MAP_POSITIVE_Z | GLenum | Yes |
| TEXTURE_CUBE_MAP_NEGATIVE_Z | GLenum | Yes |
| MAX_CUBE_MAP_TEXTURE_SIZE | GLenum | Yes |
| TEXTURE0 | GLenum | Yes |
| TEXTURE1 | GLenum | Yes |
| TEXTURE2 | GLenum | Yes |
| TEXTURE3 | GLenum | Yes |
| TEXTURE4 | GLenum | Yes |
| TEXTURE5 | GLenum | Yes |
| TEXTURE6 | GLenum | Yes |
| TEXTURE7 | GLenum | Yes |
| TEXTURE8 | GLenum | Yes |
| TEXTURE9 | GLenum | Yes |
| TEXTURE10 | GLenum | Yes |
| TEXTURE11 | GLenum | Yes |
| TEXTURE12 | GLenum | Yes |
| TEXTURE13 | GLenum | Yes |
| TEXTURE14 | GLenum | Yes |
| TEXTURE15 | GLenum | Yes |
| TEXTURE16 | GLenum | Yes |
| TEXTURE17 | GLenum | Yes |
| TEXTURE18 | GLenum | Yes |
| TEXTURE19 | GLenum | Yes |
| TEXTURE20 | GLenum | Yes |
| TEXTURE21 | GLenum | Yes |
| TEXTURE22 | GLenum | Yes |
| TEXTURE23 | GLenum | Yes |
| TEXTURE24 | GLenum | Yes |
| TEXTURE25 | GLenum | Yes |
| TEXTURE26 | GLenum | Yes |
| TEXTURE27 | GLenum | Yes |
| TEXTURE28 | GLenum | Yes |
| TEXTURE29 | GLenum | Yes |
| TEXTURE30 | GLenum | Yes |
| TEXTURE31 | GLenum | Yes |
| ACTIVE_TEXTURE | GLenum | Yes |
| REPEAT | GLenum | Yes |
| CLAMP_TO_EDGE | GLenum | Yes |
| MIRRORED_REPEAT | GLenum | Yes |
| FLOAT_VEC2 | GLenum | Yes |
| FLOAT_VEC3 | GLenum | Yes |
| FLOAT_VEC4 | GLenum | Yes |
| INT_VEC2 | GLenum | Yes |
| INT_VEC3 | GLenum | Yes |
| INT_VEC4 | GLenum | Yes |
| BOOL | GLenum | Yes |
| BOOL_VEC2 | GLenum | Yes |
| BOOL_VEC3 | GLenum | Yes |
| BOOL_VEC4 | GLenum | Yes |
| FLOAT_MAT2 | GLenum | Yes |
| FLOAT_MAT3 | GLenum | Yes |
| FLOAT_MAT4 | GLenum | Yes |
| SAMPLER_2D | GLenum | Yes |
| SAMPLER_CUBE | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_ENABLED | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_SIZE | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_STRIDE | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_TYPE | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_NORMALIZED | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_POINTER | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_BUFFER_BINDING | GLenum | Yes |
| IMPLEMENTATION_COLOR_READ_TYPE | GLenum | Yes |
| IMPLEMENTATION_COLOR_READ_FORMAT | GLenum | Yes |
| COMPILE_STATUS | GLenum | Yes |
| LOW_FLOAT | GLenum | Yes |
| MEDIUM_FLOAT | GLenum | Yes |
| HIGH_FLOAT | GLenum | Yes |
| LOW_INT | GLenum | Yes |
| MEDIUM_INT | GLenum | Yes |
| HIGH_INT | GLenum | Yes |
| FRAMEBUFFER | GLenum | Yes |
| RENDERBUFFER | GLenum | Yes |
| RGBA4 | GLenum | Yes |
| RGB5_A1 | GLenum | Yes |
| RGB565 | GLenum | Yes |
| DEPTH_COMPONENT16 | GLenum | Yes |
| STENCIL_INDEX8 | GLenum | Yes |
| DEPTH_STENCIL | GLenum | Yes |
| RENDERBUFFER_WIDTH | GLenum | Yes |
| RENDERBUFFER_HEIGHT | GLenum | Yes |
| RENDERBUFFER_INTERNAL_FORMAT | GLenum | Yes |
| RENDERBUFFER_RED_SIZE | GLenum | Yes |
| RENDERBUFFER_GREEN_SIZE | GLenum | Yes |
| RENDERBUFFER_BLUE_SIZE | GLenum | Yes |
| RENDERBUFFER_ALPHA_SIZE | GLenum | Yes |
| RENDERBUFFER_DEPTH_SIZE | GLenum | Yes |
| RENDERBUFFER_STENCIL_SIZE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE | GLenum | Yes |
| COLOR_ATTACHMENT0 | GLenum | Yes |
| DEPTH_ATTACHMENT | GLenum | Yes |
| STENCIL_ATTACHMENT | GLenum | Yes |
| DEPTH_STENCIL_ATTACHMENT | GLenum | Yes |
| NONE | GLenum | Yes |
| FRAMEBUFFER_COMPLETE | GLenum | Yes |
| FRAMEBUFFER_INCOMPLETE_ATTACHMENT | GLenum | Yes |
| FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT | GLenum | Yes |
| FRAMEBUFFER_INCOMPLETE_DIMENSIONS | GLenum | Yes |
| FRAMEBUFFER_UNSUPPORTED | GLenum | Yes |
| FRAMEBUFFER_BINDING | GLenum | Yes |
| RENDERBUFFER_BINDING | GLenum | Yes |
| MAX_RENDERBUFFER_SIZE | GLenum | Yes |
| INVALID_FRAMEBUFFER_OPERATION | GLenum | Yes |
| UNPACK_FLIP_Y_WEBGL | GLenum | Yes |
| UNPACK_PREMULTIPLY_ALPHA_WEBGL | GLenum | Yes |
| CONTEXT_LOST_WEBGL | GLenum | Yes |
| UNPACK_COLORSPACE_CONVERSION_WEBGL | GLenum | Yes |
| BROWSER_DEFAULT_WEBGL | GLenum | Yes |
| canvas | HTMLCanvasElement&nbsp;\|&nbsp;OffscreenCanvas | Yes |
| drawingBufferWidth | GLsizei | Yes |
| drawingBufferHeight | GLsizei | Yes |
### Methods
| Method| Return Value Type|
| Method | Return&nbsp;Value&nbsp;Type |
| -------- | -------- |
| getContextAttributes() | WebGLContextAttributes&nbsp;\|&nbsp;null |
| isContextLost() | boolean |
| getSupportedExtensions() | string[]&nbsp;\|&nbsp;null |
| getExtension(name:&nbsp;string) | any |
| activeTexture(texture:&nbsp;GLenum) | void |
| attachShader(program:&nbsp;WebGLProgram,&nbsp;shader:&nbsp;WebGLShader) | void |
| bindAttribLocation(program:&nbsp;WebGLProgram,&nbsp;index:&nbsp;GLuint,&nbsp;name:&nbsp;string) | void |
| bindBuffer(target:&nbsp;GLenum,&nbsp;buffer:&nbsp;WebGLBuffer&nbsp;\|&nbsp;null) | void |
| bindFramebuffer(target:&nbsp;GLenum,&nbsp;framebuffer:&nbsp;WebGLFramebuffer&nbsp;\|&nbsp;null) | void |
| bindRenderbuffer(target:&nbsp;GLenum,&nbsp;renderbuffer:&nbsp;WebGLRenderbuffer&nbsp;\|&nbsp;null) | void |
| bindTexture(target:&nbsp;GLenum,&nbsp;texture:&nbsp;WebGLTexture&nbsp;\|&nbsp;null) | void |
| blendColor(red:&nbsp;GLclampf,&nbsp;green:&nbsp;GLclampf,&nbsp;blue:&nbsp;GLclampf,&nbsp;alpha:&nbsp;GLclampf) | void |
| blendEquation(mode:&nbsp;GLenum) | void |
| blendEquationSeparate(modeRGB:&nbsp;GLenum,&nbsp;modeAlpha:&nbsp;GLenum) | void |
| blendFunc(sfactor:&nbsp;GLenum,&nbsp;dfactor:&nbsp;GLenum) | void |
| blendFuncSeparate(srcRGB:&nbsp;GLenum,&nbsp;dstRGB:&nbsp;GLenum,&nbsp;srcAlpha:&nbsp;GLenum,&nbsp;dstAlpha:&nbsp;GLenum) | void |
| checkFramebufferStatus(target:&nbsp;GLenum) | GLenum |
| clear(mask:&nbsp;GLbitfield) | void |
| clearColor(red:&nbsp;GLclampf,&nbsp;green:&nbsp;GLclampf,&nbsp;blue:&nbsp;GLclampf,&nbsp;alpha:&nbsp;GLclampf) | void |
| clearDepth(depth:&nbsp;GLclampf) | void |
| clearStencil(s:&nbsp;GLint) | void |
| colorMask(red:&nbsp;GLboolean,&nbsp;green:&nbsp;GLboolean,&nbsp;blue:&nbsp;GLboolean,&nbsp;alpha:&nbsp;GLboolean) | void |
| compileShader(shader:&nbsp;WebGLShader) | void |
| copyTexImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLenum,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint) | void |
| copyTexSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| createBuffer() | WebGLBuffer&nbsp;\|&nbsp;null |
| createFramebuffer() | WebGLFramebuffer&nbsp;\|&nbsp;null |
| createProgram() | WebGLProgram&nbsp;\|&nbsp;null |
| createRenderbuffer() | WebGLRenderbuffer&nbsp;\|&nbsp;null |
| createShader(type:&nbsp;GLenum) | WebGLShader&nbsp;\|&nbsp;null |
| createTexture() | WebGLTexture&nbsp;\|&nbsp;nullvoid |
| cullFace(mode:&nbsp;GLenum) | void |
| deleteBuffer(buffer:&nbsp;WebGLBuffer&nbsp;\|&nbsp;null) | void |
| deleteFramebuffer(framebuffer:&nbsp;WebGLFramebuffer&nbsp;\|&nbsp;null) | void |
| deleteProgram(program:&nbsp;WebGLProgram&nbsp;\|&nbsp;null) | void |
| deleteRenderbuffer(renderbuffer:&nbsp;WebGLRenderbuffer&nbsp;\|&nbsp;null) | void |
| deleteShader(shader:&nbsp;WebGLShader&nbsp;\|&nbsp;null) | void |
| deleteTexture(texture:&nbsp;WebGLTexture&nbsp;\|&nbsp;null) | void |
| depthFunc(func:&nbsp;GLenum) | void |
| depthMask(flag:&nbsp;GLboolean) | void |
| depthRange(zNear:&nbsp;GLclampf,&nbsp;zFar:&nbsp;GLclampf) | void |
| detachShader(program:&nbsp;WebGLProgram,&nbsp;shader:&nbsp;WebGLShader) | void |
| disable(cap:&nbsp;GLenum) | void |
| disableVertexAttribArray(index:&nbsp;GLuint) | void |
| drawArrays(mode:&nbsp;GLenum,&nbsp;first:&nbsp;GLint,&nbsp;count:&nbsp;GLsizei) | void |
| drawElements(mode:&nbsp;GLenum,&nbsp;count:&nbsp;GLsizei,&nbsp;type:&nbsp;GLenum,&nbsp;offset:&nbsp;GLintptr) | void |
| enable(cap:&nbsp;GLenum) | void |
| enableVertexAttribArray(index:&nbsp;GLuint) | void |
| finish() | void |
| flush() | void |
| framebufferRenderbuffer(target:&nbsp;GLenum,&nbsp;attachment:&nbsp;GLenum,&nbsp;renderbuffertarget:&nbsp;GLenum,&nbsp;renderbuffer:&nbsp;WebGLRenderbuffer&nbsp;\|&nbsp;null) | void |
| framebufferTexture2D(target:&nbsp;GLenum,&nbsp;attachment:&nbsp;GLenum,&nbsp;textarget:&nbsp;GLenum,&nbsp;texture:&nbsp;WebGLTexture&nbsp;\|&nbsp;null,&nbsp;level:&nbsp;GLint) | void |
| frontFace(mode:&nbsp;GLenum) | void |
| generateMipmap(target:&nbsp;GLenum) | void |
| getActiveAttrib(program:&nbsp;WebGLProgram,&nbsp;index:&nbsp;GLuint) | WebGLActiveInfo&nbsp;\|&nbsp;null |
| getActiveUniform(program:&nbsp;WebGLProgram,&nbsp;index:&nbsp;GLuint) | WebGLActiveInfo&nbsp;\|&nbsp;null |
| getAttachedShaders(program:&nbsp;WebGLProgram) | WebGLShader[]&nbsp;\|&nbsp;null |
| getAttribLocation(program:&nbsp;WebGLProgram,&nbsp;name:&nbsp;string) | GLint |
| getBufferParameter(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | any |
| getParameter(pname:&nbsp;GLenum) | any |
| getError() | GLenum |
| getFramebufferAttachmentParameter(target:&nbsp;GLenum,&nbsp;attachment:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | any |
| getProgramParameter(program:&nbsp;WebGLProgram,&nbsp;pname:&nbsp;GLenum) | any |
| getProgramInfoLog(program:&nbsp;WebGLProgram) | string&nbsp;\|&nbsp;null |
| getRenderbufferParameter(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | any |
| getShaderParameter(shader:&nbsp;WebGLShader,&nbsp;pname:&nbsp;GLenum) | any |
| getShaderPrecisionFormat(shadertype:&nbsp;GLenum,&nbsp;precisiontype:&nbsp;GLenum) | WebGLShaderPrecisionFormat&nbsp;\|&nbsp;null |
| getShaderInfoLog(shader:&nbsp;WebGLShader) | string&nbsp;\|&nbsp;null |
| getShaderSource(shader:&nbsp;WebGLShader) | string&nbsp;\|&nbsp;null |
| getTexParameter(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | any |
| getUniform(program:&nbsp;WebGLProgram,&nbsp;location:&nbsp;WebGLUniformLocation) | any |
| getUniformLocation(program:&nbsp;WebGLProgram,&nbsp;name:&nbsp;string) | WebGLUniformLocation&nbsp;\|&nbsp;null |
| getVertexAttrib(index:&nbsp;GLuint,&nbsp;pname:&nbsp;GLenum) | any |
| getVertexAttribOffset(index:&nbsp;GLuint,&nbsp;pname:&nbsp;GLenum) | GLintptr |
| hint(target:&nbsp;GLenum,&nbsp;mode:&nbsp;GLenum) | void |
| isBuffer(buffer:&nbsp;WebGLBuffer&nbsp;\|&nbsp;null) | GLboolean |
| isEnabled(cap:&nbsp;GLenum) | GLboolean |
| isFramebuffer(framebuffer:&nbsp;WebGLFramebuffer&nbsp;\|&nbsp;null) | GLboolean |
| isProgram(program:&nbsp;WebGLProgram&nbsp;\|&nbsp;null) | GLboolean |
| isRenderbuffer(renderbuffer:&nbsp;WebGLRenderbuffer&nbsp;\|&nbsp;null) | GLboolean |
| isShader(shader:&nbsp;WebGLShader&nbsp;\|&nbsp;null) | GLboolean |
| isTexture(texture:&nbsp;WebGLTexture&nbsp;\|&nbsp;null) | GLboolean |
| lineWidth(width:&nbsp;GLfloat) | void |
| linkProgram(program:&nbsp;WebGLProgram) | void |
| pixelStorei(pname:&nbsp;GLenum,&nbsp;param:&nbsp;GLint&nbsp;\|&nbsp;GLboolean) | void |
| polygonOffset(factor:&nbsp;GLfloat,&nbsp;units:&nbsp;GLfloat) | void |
| renderbufferStorage(target:&nbsp;GLenum,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| sampleCoverage(value:&nbsp;GLclampf,&nbsp;invert:&nbsp;GLboolean) | void |
| scissor(x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| shaderSource(shader:&nbsp;WebGLShader,&nbsp;source:&nbsp;string) | void |
| stencilFunc(func:&nbsp;GLenum,&nbsp;ref:&nbsp;GLint,&nbsp;mask:&nbsp;GLuint) | void |
| stencilFuncSeparate(face:&nbsp;GLenum,&nbsp;func:&nbsp;GLenum,&nbsp;ref:&nbsp;GLint,&nbsp;mask:&nbsp;GLuint) | void |
| stencilMask(mask:&nbsp;GLuint) | void |
| stencilMaskSeparate(face:&nbsp;GLenum,&nbsp;mask:&nbsp;GLuint) | void |
| stencilOp(fail:&nbsp;GLenum,&nbsp;zfail:&nbsp;GLenum,&nbsp;zpass:&nbsp;GLenum) | void |
| stencilOpSeparate(face:&nbsp;GLenum,&nbsp;fail:&nbsp;GLenum,&nbsp;zfail:&nbsp;GLenum,&nbsp;zpass:&nbsp;GLenum) | void |
| texParameterf(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum,&nbsp;param:&nbsp;GLfloat) | void |
| texParameteri(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum,&nbsp;param:&nbsp;GLint) | void |
| uniform1f(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLfloat) | void |
| uniform2f(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat) | void |
| uniform3f(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat,&nbsp;z:&nbsp;GLfloat) | void |
| uniform4f(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat,&nbsp;z:&nbsp;GLfloat,&nbsp;w:&nbsp;GLfloat) | void |
| uniform1i(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLint) | void |
| uniform2i(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint) | void |
| uniform3i(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;z:&nbsp;GLint) | void |
| uniform4i(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;z:&nbsp;GLint,&nbsp;w:&nbsp;GLint) | void |
| useProgram(program:&nbsp;WebGLProgram&nbsp;\|&nbsp;null) | void |
| validateProgram(program:&nbsp;WebGLProgram) | void |
| vertexAttrib1f(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLfloat) | void |
| vertexAttrib2f(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat) | void |
| vertexAttrib3f(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat,&nbsp;z:&nbsp;GLfloat) | void |
| vertexAttrib4f(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat,&nbsp;z:&nbsp;GLfloat,&nbsp;w:&nbsp;GLfloat) | void |
| vertexAttrib1fv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Float32List) | void |
| vertexAttrib2fv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Float32List) | void |
| vertexAttrib3fv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Float32List) | void |
| vertexAttrib4fv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Float32List) | void |
| vertexAttribPointer(index:&nbsp;GLuint,&nbsp;size:&nbsp;GLint,&nbsp;type:&nbsp;GLenum,&nbsp;normalized:&nbsp;GLboolean,&nbsp;stride:&nbsp;GLsizei,&nbsp;offset:&nbsp;GLintptr) | void |
| viewport(x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
## webgl.WebGLRenderingContextOverloads
| getContextAttributes() | WebGLContextAttributes&nbsp;\|&nbsp;null |
| isContextLost() | boolean |
| getSupportedExtensions() | string[]&nbsp;\|&nbsp;null |
| getExtension(name:&nbsp;string) | any |
| activeTexture(texture:&nbsp;GLenum) | void |
| attachShader(program:&nbsp;WebGLProgram,&nbsp;shader:&nbsp;WebGLShader) | void |
| bindAttribLocation(program:&nbsp;WebGLProgram,&nbsp;index:&nbsp;GLuint,&nbsp;name:&nbsp;string) | void |
| bindBuffer(target:&nbsp;GLenum,&nbsp;buffer:&nbsp;WebGLBuffer&nbsp;\|&nbsp;null) | void |
| bindFramebuffer(target:&nbsp;GLenum,&nbsp;framebuffer:&nbsp;WebGLFramebuffer&nbsp;\|&nbsp;null) | void |
| bindRenderbuffer(target:&nbsp;GLenum,&nbsp;renderbuffer:&nbsp;WebGLRenderbuffer&nbsp;\|&nbsp;null) | void |
| bindTexture(target:&nbsp;GLenum,&nbsp;texture:&nbsp;WebGLTexture&nbsp;\|&nbsp;null) | void |
| blendColor(red:&nbsp;GLclampf,&nbsp;green:&nbsp;GLclampf,&nbsp;blue:&nbsp;GLclampf,&nbsp;alpha:&nbsp;GLclampf) | void |
| blendEquation(mode:&nbsp;GLenum) | void |
| blendEquationSeparate(modeRGB:&nbsp;GLenum,&nbsp;modeAlpha:&nbsp;GLenum) | void |
| blendFunc(sfactor:&nbsp;GLenum,&nbsp;dfactor:&nbsp;GLenum) | void |
| blendFuncSeparate(srcRGB:&nbsp;GLenum,&nbsp;dstRGB:&nbsp;GLenum,&nbsp;srcAlpha:&nbsp;GLenum,&nbsp;dstAlpha:&nbsp;GLenum) | void |
| checkFramebufferStatus(target:&nbsp;GLenum) | GLenum |
| clear(mask:&nbsp;GLbitfield) | void |
| clearColor(red:&nbsp;GLclampf,&nbsp;green:&nbsp;GLclampf,&nbsp;blue:&nbsp;GLclampf,&nbsp;alpha:&nbsp;GLclampf) | void |
| clearDepth(depth:&nbsp;GLclampf) | void |
| clearStencil(s:&nbsp;GLint) | void |
| colorMask(red:&nbsp;GLboolean,&nbsp;green:&nbsp;GLboolean,&nbsp;blue:&nbsp;GLboolean,&nbsp;alpha:&nbsp;GLboolean) | void |
| compileShader(shader:&nbsp;WebGLShader) | void |
| copyTexImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLenum,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint) | void |
| copyTexSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| createBuffer() | WebGLBuffer&nbsp;\|&nbsp;null |
| createFramebuffer() | WebGLFramebuffer&nbsp;\|&nbsp;null |
| createProgram() | WebGLProgram&nbsp;\|&nbsp;null |
| createRenderbuffer() | WebGLRenderbuffer&nbsp;\|&nbsp;null |
| createShader(type:&nbsp;GLenum) | WebGLShader&nbsp;\|&nbsp;null |
| createTexture() | WebGLTexture&nbsp;\|&nbsp;null |
| cullFace(mode:&nbsp;GLenum) | void |
| deleteBuffer(buffer:&nbsp;WebGLBuffer&nbsp;\|&nbsp;null) | void |
| deleteFramebuffer(framebuffer:&nbsp;WebGLFramebuffer&nbsp;\|&nbsp;null) | void |
| deleteProgram(program:&nbsp;WebGLProgram&nbsp;\|&nbsp;null) | void |
| deleteRenderbuffer(renderbuffer:&nbsp;WebGLRenderbuffer&nbsp;\|&nbsp;null) | void |
| deleteShader(shader:&nbsp;WebGLShader&nbsp;\|&nbsp;null) | void |
| deleteTexture(texture:&nbsp;WebGLTexture&nbsp;\|&nbsp;null) | void |
| depthFunc(func:&nbsp;GLenum) | void |
| depthMask(flag:&nbsp;GLboolean) | void |
| depthRange(zNear:&nbsp;GLclampf,&nbsp;zFar:&nbsp;GLclampf) | void |
| detachShader(program:&nbsp;WebGLProgram,&nbsp;shader:&nbsp;WebGLShader) | void |
| disable(cap:&nbsp;GLenum) | void |
| disableVertexAttribArray(index:&nbsp;GLuint) | void |
| drawArrays(mode:&nbsp;GLenum,&nbsp;first:&nbsp;GLint,&nbsp;count:&nbsp;GLsizei) | void |
| drawElements(mode:&nbsp;GLenum,&nbsp;count:&nbsp;GLsizei,&nbsp;type:&nbsp;GLenum,&nbsp;offset:&nbsp;GLintptr) | void |
| enable(cap:&nbsp;GLenum) | void |
| enableVertexAttribArray(index:&nbsp;GLuint) | void |
| finish() | void |
| flush() | void |
| framebufferRenderbuffer(target:&nbsp;GLenum,&nbsp;attachment:&nbsp;GLenum,&nbsp;renderbuffertarget:&nbsp;GLenum,&nbsp;renderbuffer:&nbsp;WebGLRenderbuffer&nbsp;\|&nbsp;null) | void |
| framebufferTexture2D(target:&nbsp;GLenum,&nbsp;attachment:&nbsp;GLenum,&nbsp;textarget:&nbsp;GLenum,&nbsp;texture:&nbsp;WebGLTexture&nbsp;\|&nbsp;null,&nbsp;level:&nbsp;GLint) | void |
| frontFace(mode:&nbsp;GLenum) | void |
| generateMipmap(target:&nbsp;GLenum) | void |
| getActiveAttrib(program:&nbsp;WebGLProgram,&nbsp;index:&nbsp;GLuint) | WebGLActiveInfo&nbsp;\|&nbsp;null |
| getActiveUniform(program:&nbsp;WebGLProgram,&nbsp;index:&nbsp;GLuint) | WebGLActiveInfo&nbsp;\|&nbsp;null |
| getAttachedShaders(program:&nbsp;WebGLProgram) | WebGLShader[]&nbsp;\|&nbsp;null |
| getAttribLocation(program:&nbsp;WebGLProgram,&nbsp;name:&nbsp;string) | GLint |
| getBufferParameter(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | any |
| getParameter(pname:&nbsp;GLenum) | any |
| getError() | GLenum |
| getFramebufferAttachmentParameter(target:&nbsp;GLenum,&nbsp;attachment:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | any |
| getProgramParameter(program:&nbsp;WebGLProgram,&nbsp;pname:&nbsp;GLenum) | any |
| getProgramInfoLog(program:&nbsp;WebGLProgram) | string&nbsp;\|&nbsp;null |
| getRenderbufferParameter(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | any |
| getShaderParameter(shader:&nbsp;WebGLShader,&nbsp;pname:&nbsp;GLenum) | any |
| getShaderPrecisionFormat(shadertype:&nbsp;GLenum,&nbsp;precisiontype:&nbsp;GLenum) | WebGLShaderPrecisionFormat&nbsp;\|&nbsp;null |
| getShaderInfoLog(shader:&nbsp;WebGLShader) | string&nbsp;\|&nbsp;null |
| getShaderSource(shader:&nbsp;WebGLShader) | string&nbsp;\|&nbsp;null |
| getTexParameter(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | any |
| getUniform(program:&nbsp;WebGLProgram,&nbsp;location:&nbsp;WebGLUniformLocation) | any |
| getUniformLocation(program:&nbsp;WebGLProgram,&nbsp;name:&nbsp;string) | WebGLUniformLocation&nbsp;\|&nbsp;null |
| getVertexAttrib(index:&nbsp;GLuint,&nbsp;pname:&nbsp;GLenum) | any |
| getVertexAttribOffset(index:&nbsp;GLuint,&nbsp;pname:&nbsp;GLenum) | GLintptr |
| hint(target:&nbsp;GLenum,&nbsp;mode:&nbsp;GLenum) | void |
| isBuffer(buffer:&nbsp;WebGLBuffer&nbsp;\|&nbsp;null) | GLboolean |
| isEnabled(cap:&nbsp;GLenum) | GLboolean |
| isFramebuffer(framebuffer:&nbsp;WebGLFramebuffer&nbsp;\|&nbsp;null) | GLboolean |
| isProgram(program:&nbsp;WebGLProgram&nbsp;\|&nbsp;null) | GLboolean |
| isRenderbuffer(renderbuffer:&nbsp;WebGLRenderbuffer&nbsp;\|&nbsp;null) | GLboolean |
| isShader(shader:&nbsp;WebGLShader&nbsp;\|&nbsp;null) | GLboolean |
| isTexture(texture:&nbsp;WebGLTexture&nbsp;\|&nbsp;null) | GLboolean |
| lineWidth(width:&nbsp;GLfloat) | void |
| linkProgram(program:&nbsp;WebGLProgram) | void |
| pixelStorei(pname:&nbsp;GLenum,&nbsp;param:&nbsp;GLint&nbsp;\|&nbsp;GLboolean) | void |
| polygonOffset(factor:&nbsp;GLfloat,&nbsp;units:&nbsp;GLfloat) | void |
| renderbufferStorage(target:&nbsp;GLenum,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| sampleCoverage(value:&nbsp;GLclampf,&nbsp;invert:&nbsp;GLboolean) | void |
| scissor(x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| shaderSource(shader:&nbsp;WebGLShader,&nbsp;source:&nbsp;string) | void |
| stencilFunc(func:&nbsp;GLenum,&nbsp;ref:&nbsp;GLint,&nbsp;mask:&nbsp;GLuint) | void |
| stencilFuncSeparate(face:&nbsp;GLenum,&nbsp;func:&nbsp;GLenum,&nbsp;ref:&nbsp;GLint,&nbsp;mask:&nbsp;GLuint) | void |
| stencilMask(mask:&nbsp;GLuint) | void |
| stencilMaskSeparate(face:&nbsp;GLenum,&nbsp;mask:&nbsp;GLuint) | void |
| stencilOp(fail:&nbsp;GLenum,&nbsp;zfail:&nbsp;GLenum,&nbsp;zpass:&nbsp;GLenum) | void |
| stencilOpSeparate(face:&nbsp;GLenum,&nbsp;fail:&nbsp;GLenum,&nbsp;zfail:&nbsp;GLenum,&nbsp;zpass:&nbsp;GLenum) | void |
| texParameterf(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum,&nbsp;param:&nbsp;GLfloat) | void |
| texParameteri(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum,&nbsp;param:&nbsp;GLint) | void |
| uniform1f(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLfloat) | void |
| uniform2f(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat) | void |
| uniform3f(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat,&nbsp;z:&nbsp;GLfloat) | void |
| uniform4f(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat,&nbsp;z:&nbsp;GLfloat,&nbsp;w:&nbsp;GLfloat) | void |
| uniform1i(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLint) | void |
| uniform2i(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint) | void |
| uniform3i(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;z:&nbsp;GLint) | void |
| uniform4i(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;z:&nbsp;GLint,&nbsp;w:&nbsp;GLint) | void |
| useProgram(program:&nbsp;WebGLProgram&nbsp;\|&nbsp;null) | void |
| validateProgram(program:&nbsp;WebGLProgram) | void |
| vertexAttrib1f(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLfloat) | void |
| vertexAttrib2f(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat) | void |
| vertexAttrib3f(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat,&nbsp;z:&nbsp;GLfloat) | void |
| vertexAttrib4f(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLfloat,&nbsp;y:&nbsp;GLfloat,&nbsp;z:&nbsp;GLfloat,&nbsp;w:&nbsp;GLfloat) | void |
| vertexAttrib1fv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Float32List) | void |
| vertexAttrib2fv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Float32List) | void |
| vertexAttrib3fv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Float32List) | void |
| vertexAttrib4fv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Float32List) | void |
| vertexAttribPointer(index:&nbsp;GLuint,&nbsp;size:&nbsp;GLint,&nbsp;type:&nbsp;GLenum,&nbsp;normalized:&nbsp;GLboolean,&nbsp;stride:&nbsp;GLsizei,&nbsp;offset:&nbsp;GLintptr) | void |
| viewport(x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
## WebGLRenderingContextOverloads
WebGLRenderingContextOverloads
| Method| Return Value Type|
| Method | Return&nbsp;Value&nbsp;Type |
| -------- | -------- |
| bufferData(target:&nbsp;GLenum,&nbsp;size:&nbsp;GLsizeiptr,&nbsp;usage:&nbsp;GLenum) | void |
| bufferData(target:&nbsp;GLenum,&nbsp;data:&nbsp;BufferSource&nbsp;\|&nbsp;null,&nbsp;usage:&nbsp;GLenum) | void |
| bufferSubData(target:&nbsp;GLenum,&nbsp;offset:&nbsp;GLintptr,&nbsp;data:&nbsp;BufferSource) | void |
| compressedTexImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;data:&nbsp;ArrayBufferView) | void |
| compressedTexSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;data:&nbsp;ArrayBufferView) | void |
| readPixels(x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pixels:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pixels:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| texSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pixels:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| uniform1fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Float32List) | void |
| uniform2fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Float32List) | void |
| uniform3fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Float32List) | void |
| uniform4fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Float32List) | void |
| uniform1iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Int32List) | void |
| uniform2iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Int32List) | void |
| uniform3iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Int32List) | void |
| uniform4iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Int32List) | void |
| uniformMatrix2fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;value:&nbsp;Float32List) | void |
| uniformMatrix3fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;value:&nbsp;Float32List) | void |
| uniformMatrix4fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;value:&nbsp;Float32List) | void |
| bufferData(target:&nbsp;GLenum,&nbsp;size:&nbsp;GLsizeiptr,&nbsp;usage:&nbsp;GLenum) | void |
| bufferData(target:&nbsp;GLenum,&nbsp;data:&nbsp;BufferSource&nbsp;\|&nbsp;null,&nbsp;usage:&nbsp;GLenum) | void |
| bufferSubData(target:&nbsp;GLenum,&nbsp;offset:&nbsp;GLintptr,&nbsp;data:&nbsp;BufferSource) | void |
| compressedTexImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;data:&nbsp;ArrayBufferView) | void |
| compressedTexSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;data:&nbsp;ArrayBufferView) | void |
| readPixels(x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pixels:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void; |
| texImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pixels:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| texSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pixels:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| uniform1fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Float32List) | void |
| uniform2fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Float32List) | void |
| uniform3fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Float32List) | void |
| uniform4fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Float32List) | void |
| uniform1iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Int32List) | void |
| uniform2iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Int32List) | void |
| uniform3iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Int32List) | void |
| uniform4iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v:&nbsp;Int32List) | void |
| uniformMatrix2fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;value:&nbsp;Float32List) | void |
| uniformMatrix3fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;value:&nbsp;Float32List) | void |
| uniformMatrix4fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;value:&nbsp;Float32List) | void |
# WebGL2
# webgl2
> ![icon-note.gif](public_sys-resources/icon-note.gif) **Note:**
> ![icon-note.gif](public_sys-resources/icon-note.gif) **Note**
> The initial APIs of this module are supported since API version 7. Newly added APIs will be marked with a superscript to indicate their earliest API version.
......@@ -10,492 +10,474 @@ This module provides WebGL APIs that correspond to the OpenGL ES 3.0 feature set
## Modules to Import
```
import webgl from 'ohos.webglnapi'
import webgl from '@ohos.webglnapi';
```
## System Capabilities
## Invoking Method
SystemCapability.Graphic.Graphic2D.WebGL2
Create a **&lt;canvas&gt;** component in the HML file. The following is an example:
```
<div class="container">
<canvas ref="canvas1" style="width : 400px; height : 200px; background-color : lightyellow;"></canvas>
<button class="btn-button" onclick="BtnDraw2D">BtnDraw2D</button>
</div>
```
## Invoking Method
Obtain the **&lt;canvas&gt;** component instance in the JS file. The following is an example:
```
// Obtain the <canvas\> component instance.
const el = this.$refs.canvas
// Obtain the WebGL context from the <canvas\> component instance.
// Obtain the <canvas> component instance.
const el = this.$refs.canvas1;
// Obtain the WebGL context from the <canvas> component instance.
const gl = el.getContext('webgl');
const gl2 = el.getContext('webgl2');
// Call the WebGL API.
gl2.readBuffer(gl.COLOR_ATTACHMENT0)
gl.clearColor(0.0, 0.0, 0.0, 1.0);
```
## GLenum
| Name| Type|
| -------- | -------- |
| GLenum | number |
## Glint64
| Name| Type|
| -------- | -------- |
| Glint64 | number |
## Type
**Table1** Type
## Gluint64
| Name | Type | Description |
| -------- | -------- | -------- |
| GLenum | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| GLint64 | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| GLuint64 | number | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| Uint32List | array | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| Name| Type|
| -------- | -------- |
| Gluint64 | number |
## Interface
## Uint32List
**Table2** Interface
| Name| Type|
| Name | Description |
| -------- | -------- |
| Uint32List | array |
| [WebGL2RenderingContextBase](#webgl2renderingcontextbase) | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| [WebGL2RenderingContextOverloads](#webgl2renderingcontextoverloads) | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| WebGLQuery | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| WebGLSampler | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| WebGLSync | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| WebGLTransformFeedback | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
| WebGLVertexArrayObject | **System&nbsp;capabilities**:&nbsp;SystemCapability.Graphic.Graphic2D.WebGL2 |
## webgl.webGL2RenderingContexBase
## WebGL2RenderingContextBase
WebGL2RenderingContexBase
WebGL2RenderingContextBase
### Attributes
| Name| Type| Mandatory|
| -------- | ------- | --------- |
| READ_BUFFER | [GLenum](#GLenum) | Yes|
| UNPACK_ROW_LENGTH | [GLenum](#GLenum) | Yes|
| UNPACK_SKIP_ROWS | [GLenum](#GLenum) | Yes|
| UNPACK_SKIP_PIXELS | [GLenum](#GLenum) | Yes|
| PACK_ROW_LENGTH | [GLenum](#GLenum) | Yes|
| PACK_SKIP_ROWS | [GLenum](#GLenum) | Yes|
| PACK_SKIP_PIXELS | [GLenum](#GLenum) | Yes|
| COLOR | [GLenum](#GLenum) | Yes|
| DEPTH | [GLenum](#GLenum) | Yes|
| STENCIL | [GLenum](#GLenum) | Yes|
| RED | [GLenum](#GLenum) | Yes|
| RGB8 | [GLenum](#GLenum) | Yes|
| RGBA8 | [GLenum](#GLenum) | Yes|
| RGB10_A2 | [GLenum](#GLenum) | Yes|
| TEXTURE_BINDING_3D | [GLenum](#GLenum) | Yes|
| UNPACK_SKIP_IMAGES | [GLenum](#GLenum) | Yes|
| UNPACK_IMAGE_HEIGHT | [GLenum](#GLenum) | Yes|
| TEXTURE_3D | [GLenum](#GLenum) | Yes|
| TEXTURE_WRAP_R | [GLenum](#GLenum) | Yes|
| MAX_3D_TEXTURE_SIZE | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_2_10_10_10_REV | [GLenum](#GLenum) | Yes|
| MAX_ELEMENTS_VERTICES | [GLenum](#GLenum) | Yes|
| MAX_ELEMENTS_INDICES | [GLenum](#GLenum) | Yes|
| TEXTURE_MIN_LOD | [GLenum](#GLenum) | Yes|
| TEXTURE_MAX_LOD | [GLenum](#GLenum) | Yes|
| TEXTURE_BASE_LEVEL | [GLenum](#GLenum) | Yes|
| TEXTURE_MAX_LEVEL | [GLenum](#GLenum) | Yes|
| MIN | [GLenum](#GLenum) | Yes|
| MAX | [GLenum](#GLenum) | Yes|
| DEPTH_COMPONENT24 | [GLenum](#GLenum) | Yes|
| MAX_TEXTURE_LOD_BIAS | [GLenum](#GLenum) | Yes|
| TEXTURE_COMPARE_MODE | [GLenum](#GLenum) | Yes|
| TEXTURE_COMPARE_FUNC | [GLenum](#GLenum) | Yes|
| CURRENT_QUERY | [GLenum](#GLenum) | Yes|
| QUERY_RESULT | [GLenum](#GLenum) | Yes|
| QUERY_RESULT_AVAILABLE | [GLenum](#GLenum) | Yes|
| STREAM_READ | [GLenum](#GLenum) | Yes|
| STREAM_COPY | [GLenum](#GLenum) | Yes|
| STATIC_READ | [GLenum](#GLenum) | Yes|
| STATIC_COPY | [GLenum](#GLenum) | Yes|
| DYNAMIC_READ | [GLenum](#GLenum) | Yes|
| DYNAMIC_COPY | [GLenum](#GLenum) | Yes|
| MAX_DRAW_BUFFERS | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER0 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER1 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER2 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER3 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER4 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER5 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER6 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER7 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER8 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER9 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER10 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER11 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER12 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER13 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER14 | [GLenum](#GLenum) | Yes|
| DRAW_BUFFER15 | [GLenum](#GLenum) | Yes|
| MAX_FRAGMENT_UNIFORM_COMPONENTS | [GLenum](#GLenum) | Yes|
| MAX_VERTEX_UNIFORM_COMPONENTS | [GLenum](#GLenum) | Yes|
| SAMPLER_3D | [GLenum](#GLenum) | Yes|
| SAMPLER_2D_SHADOW | [GLenum](#GLenum) | Yes|
| FRAGMENT_SHADER_DERIVATIVE_HINT | [GLenum](#GLenum) | Yes|
| PIXEL_PACK_BUFFER | [GLenum](#GLenum) | Yes|
| PIXEL_UNPACK_BUFFER | [GLenum](#GLenum) | Yes|
| PIXEL_PACK_BUFFER_BINDING | [GLenum](#GLenum) | Yes|
| PIXEL_UNPACK_BUFFER_BINDING | [GLenum](#GLenum) | Yes|
| FLOAT_MAT2x3 | [GLenum](#GLenum) | Yes|
| FLOAT_MAT2x4 | [GLenum](#GLenum) | Yes|
| FLOAT_MAT3x2 | [GLenum](#GLenum) | Yes|
| FLOAT_MAT3x4 | [GLenum](#GLenum) | Yes|
| FLOAT_MAT4x2 | [GLenum](#GLenum) | Yes|
| FLOAT_MAT4x3 | [GLenum](#GLenum) | Yes|
| SRGB | [GLenum](#GLenum) | Yes|
| SRGB8 | [GLenum](#GLenum) | Yes|
| SRGB8_ALPHA8 | [GLenum](#GLenum) | Yes|
| COMPARE_REF_TO_TEXTURE | [GLenum](#GLenum) | Yes|
| RGBA32F | [GLenum](#GLenum) | Yes|
| RGB32F | [GLenum](#GLenum) | Yes|
| RGBA16F | [GLenum](#GLenum) | Yes|
| RGB16F | [GLenum](#GLenum) | Yes|
| VERTEX_ATTRIB_ARRAY_INTEGER | [GLenum](#GLenum) | Yes|
| MAX_ARRAY_TEXTURE_LAYERS | [GLenum](#GLenum) | Yes|
| MIN_PROGRAM_TEXEL_OFFSET | [GLenum](#GLenum) | Yes|
| MAX_PROGRAM_TEXEL_OFFSET | [GLenum](#GLenum) | Yes|
| MAX_VARYING_COMPONENTS | [GLenum](#GLenum) | Yes|
| TEXTURE_2D_ARRAY | [GLenum](#GLenum) | Yes|
| TEXTURE_BINDING_2D_ARRAY | [GLenum](#GLenum) | Yes|
| R11F_G11F_B10F | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_10F_11F_11F_REV | [GLenum](#GLenum) | Yes|
| RGB9_E5 | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_5_9_9_9_REV | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_BUFFER_MODE | [GLenum](#GLenum) | Yes|
| MAX_TRANSFORM_FEEDBACK_SEPARATE_COMPONENTS | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_VARYINGS | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_BUFFER_START | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_BUFFER_SIZE | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_PRIMITIVES_WRITTEN | [GLenum](#GLenum) | Yes|
| RASTERIZER_DISCARD | [GLenum](#GLenum) | Yes|
| MAX_TRANSFORM_FEEDBACK_INTERLEAVED_COMPONENTS | [GLenum](#GLenum) | Yes|
| MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBS | [GLenum](#GLenum) | Yes|
| INTERLEAVED_ATTRIBS | [GLenum](#GLenum) | Yes|
| SEPARATE_ATTRIBS | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_BUFFER | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_BUFFER_BINDING | [GLenum](#GLenum) | Yes|
| RGBA32UI | [GLenum](#GLenum) | Yes|
| RGB32UI | [GLenum](#GLenum) | Yes|
| RGBA16UI | [GLenum](#GLenum) | Yes|
| RGB16UI | [GLenum](#GLenum) | Yes|
| RGBA8UI | [GLenum](#GLenum) | Yes|
| RGB8UI | [GLenum](#GLenum) | Yes|
| RGBA32I | [GLenum](#GLenum) | Yes|
| RGB32I | [GLenum](#GLenum) | Yes|
| RGBA16I | [GLenum](#GLenum) | Yes|
| RGB16I | [GLenum](#GLenum) | Yes|
| RGBA8I | [GLenum](#GLenum) | Yes|
| RGB8I | [GLenum](#GLenum) | Yes|
| RED_INTEGER | [GLenum](#GLenum) | Yes|
| RGB_INTEGER | [GLenum](#GLenum) | Yes|
| RGBA_INTEGER | [GLenum](#GLenum) | Yes|
| SAMPLER_2D_ARRAY | [GLenum](#GLenum) | Yes|
| SAMPLER_2D_ARRAY_SHADOW | [GLenum](#GLenum) | Yes|
| SAMPLER_CUBE_SHADOW | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_VEC2 | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_VEC3 | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_VEC4 | [GLenum](#GLenum) | Yes|
| INT_SAMPLER_2D | [GLenum](#GLenum) | Yes|
| INT_SAMPLER_3D | [GLenum](#GLenum) | Yes|
| INT_SAMPLER_CUBE | [GLenum](#GLenum) | Yes|
| INT_SAMPLER_2D_ARRAY | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_SAMPLER_2D | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_SAMPLER_3D | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_SAMPLER_CUBE | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_SAMPLER_2D_ARRAY | [GLenum](#GLenum) | Yes|
| DEPTH_COMPONENT32F | [GLenum](#GLenum) | Yes|
| DEPTH32F_STENCIL8 | [GLenum](#GLenum) | Yes|
| FLOAT_32_UNSIGNED_INT_24_8_REV | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_RED_SIZE | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_GREEN_SIZE | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_BLUE_SIZE | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_ALPHA_SIZE | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_DEPTH_SIZE | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_STENCIL_SIZE | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_DEFAULT | [GLenum](#GLenum) | Yes|
| UNSIGNED_INT_24_8 | [GLenum](#GLenum) | Yes|
| DEPTH24_STENCIL8 | [GLenum](#GLenum) | Yes|
| UNSIGNED_NORMALIZED | [GLenum](#GLenum) | Yes|
| DRAW_FRAMEBUFFER_BINDING | [GLenum](#GLenum) | Yes|
| READ_FRAMEBUFFER | [GLenum](#GLenum) | Yes|
| DRAW_FRAMEBUFFER | [GLenum](#GLenum) | Yes|
| READ_FRAMEBUFFER_BINDING | [GLenum](#GLenum) | Yes|
| RENDERBUFFER_SAMPLES | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_ATTACHMENT_TEXTURE_LAYER | [GLenum](#GLenum) | Yes|
| MAX_COLOR_ATTACHMENTS | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT1 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT2 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT3 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT4 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT5 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT6 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT7 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT8 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT9 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT10 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT11 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT12 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT13 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT14 | [GLenum](#GLenum) | Yes|
| COLOR_ATTACHMENT15 | [GLenum](#GLenum) | Yes|
| FRAMEBUFFER_INCOMPLETE_MULTISAMPLE | [GLenum](#GLenum) | Yes|
| MAX_SAMPLES | [GLenum](#GLenum) | Yes|
| HALF_FLOAT | [GLenum](#GLenum) | Yes|
| RG | [GLenum](#GLenum) | Yes|
| RG_INTEGER | [GLenum](#GLenum) | Yes|
| R8 | [GLenum](#GLenum) | Yes|
| RG8 | [GLenum](#GLenum) | Yes|
| R16F | [GLenum](#GLenum) | Yes|
| R32F | [GLenum](#GLenum) | Yes|
| RG16F | [GLenum](#GLenum) | Yes|
| RG32F | [GLenum](#GLenum) | Yes|
| R8I | [GLenum](#GLenum) | Yes|
| R8UI | [GLenum](#GLenum) | Yes|
| R16I | [GLenum](#GLenum) | Yes|
| R16UI | [GLenum](#GLenum) | Yes|
| R32I | [GLenum](#GLenum) | Yes|
| R32UI | [GLenum](#GLenum) | Yes|
| RG8I | [GLenum](#GLenum) | Yes|
| RG8UI | [GLenum](#GLenum) | Yes|
| RG16I | [GLenum](#GLenum) | Yes|
| RG16UI | [GLenum](#GLenum) | Yes|
| RG32I | [GLenum](#GLenum) | Yes|
| RG32UI | [GLenum](#GLenum) | Yes|
| VERTEX_ARRAY_BINDING | [GLenum](#GLenum) | Yes|
| R8_SNORM | [GLenum](#GLenum) | Yes|
| RG8_SNORM | [GLenum](#GLenum) | Yes|
| RGB8_SNORM | [GLenum](#GLenum) | Yes|
| SIGNED_NORMALIZED | [GLenum](#GLenum) | Yes|
| COPY_READ_BUFFER | [GLenum](#GLenum) | Yes|
| COPY_WRITE_BUFFER | [GLenum](#GLenum) | Yes|
| COPY_READ_BUFFER_BINDING | [GLenum](#GLenum) | Yes|
| COPY_WRITE_BUFFER_BINDING | [GLenum](#GLenum) | Yes|
| UNIFORM_BUFFER | [GLenum](#GLenum) | Yes|
| UNIFORM_BUFFER_BINDING | [GLenum](#GLenum) | Yes|
| UNIFORM_BUFFER_START | [GLenum](#GLenum) | Yes|
| UNIFORM_BUFFER_SIZE | [GLenum](#GLenum) | Yes|
| MAX_VERTEX_UNIFORM_BLOCKS | [GLenum](#GLenum) | Yes|
| MAX_FRAGMENT_UNIFORM_BLOCKS | [GLenum](#GLenum) | Yes|
| MAX_COMBINED_UNIFORM_BLOCKS | [GLenum](#GLenum) | Yes|
| MAX_UNIFORM_BUFFER_BINDINGS | [GLenum](#GLenum) | Yes|
| MAX_UNIFORM_BLOCK_SIZE | [GLenum](#GLenum) | Yes|
| MAX_COMBINED_VERTEX_UNIFORM_COMPONENTS | [GLenum](#GLenum) | Yes|
| MAX_COMBINED_FRAGMENT_UNIFORM_COMPONENTS | [GLenum](#GLenum) | Yes|
| UNIFORM_BUFFER_OFFSET_ALIGNMENT | [GLenum](#GLenum) | Yes|
| ACTIVE_UNIFORM_BLOCKS | [GLenum](#GLenum) | Yes|
| UNIFORM_TYPE | [GLenum](#GLenum) | Yes|
| UNIFORM_SIZE | [GLenum](#GLenum) | Yes|
| UNIFORM_BLOCK_INDEX | [GLenum](#GLenum) | Yes|
| UNIFORM_OFFSET | [GLenum](#GLenum) | Yes|
| UNIFORM_ARRAY_STRIDE | [GLenum](#GLenum) | Yes|
| UNIFORM_MATRIX_STRIDE | [GLenum](#GLenum) | Yes|
| UNIFORM_IS_ROW_MAJOR | [GLenum](#GLenum) | Yes|
| UNIFORM_BLOCK_BINDING | [GLenum](#GLenum) | Yes|
| UNIFORM_BLOCK_DATA_SIZE | [GLenum](#GLenum) | Yes|
| UNIFORM_BLOCK_ACTIVE_UNIFORMS | [GLenum](#GLenum) | Yes|
| UNIFORM_BLOCK_ACTIVE_UNIFORM_INDICES | [GLenum](#GLenum) | Yes|
| UNIFORM_BLOCK_REFERENCED_BY_VERTEX_SHADER | [GLenum](#GLenum) | Yes|
| UNIFORM_BLOCK_REFERENCED_BY_FRAGMENT_SHADER | [GLenum](#GLenum) | Yes|
| INVALID_INDEX | [GLenum](#GLenum) | Yes|
| MAX_VERTEX_OUTPUT_COMPONENTS | [GLenum](#GLenum) | Yes|
| MAX_FRAGMENT_INPUT_COMPONENTS | [GLenum](#GLenum) | Yes|
| MAX_SERVER_WAIT_TIMEOUT | [GLenum](#GLenum) | Yes|
| OBJECT_TYPE | [GLenum](#GLenum) | Yes|
| SYNC_CONDITION | [GLenum](#GLenum) | Yes|
| SYNC_STATUS | [GLenum](#GLenum) | Yes|
| SYNC_FLAGS | [GLenum](#GLenum) | Yes|
| SYNC_FENCE | [GLenum](#GLenum) | Yes|
| SYNC_GPU_COMMANDS_COMPLETE | [GLenum](#GLenum) | Yes|
| UNSIGNALED | [GLenum](#GLenum) | Yes|
| SIGNALED | [GLenum](#GLenum) | Yes|
| ALREADY_SIGNALED | [GLenum](#GLenum) | Yes|
| TIMEOUT_EXPIRED | [GLenum](#GLenum) | Yes|
| CONDITION_SATISFIED | [GLenum](#GLenum) | Yes|
| WAIT_FAILED | [GLenum](#GLenum) | Yes|
| SYNC_FLUSH_COMMANDS_BIT | [GLenum](#GLenum) | Yes|
| VERTEX_ATTRIB_ARRAY_DIVISOR | [GLenum](#GLenum) | Yes|
| ANY_SAMPLES_PASSED | [GLenum](#GLenum) | Yes|
| ANY_SAMPLES_PASSED_CONSERVATIVE | [GLenum](#GLenum) | Yes|
| SAMPLER_BINDING | [GLenum](#GLenum) | Yes|
| RGB10_A2UI | [GLenum](#GLenum) | Yes|
| INT_2_10_10_10_REV | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_PAUSED | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_ACTIVE | [GLenum](#GLenum) | Yes|
| TRANSFORM_FEEDBACK_BINDING | [GLenum](#GLenum) | Yes|
| TEXTURE_IMMUTABLE_FORMAT | [GLenum](#GLenum) | Yes|
| MAX_ELEMENT_INDEX | [GLenum](#GLenum) | Yes|
| TEXTURE_IMMUTABLE_LEVELS | [GLenum](#GLenum) | Yes|
| TIMEOUT_IGNORED | [GLenum](#GLenum) | Yes|
| MAX_CLIENT_WAIT_TIMEOUT_WEBGL | [GLenum](#GLenum) | Yes|
| Name | Type | Mandatory |
| -------- | -------- | -------- |
| READ_BUFFER | GLenum | Yes |
| UNPACK_ROW_LENGTH | GLenum | Yes |
| UNPACK_SKIP_ROWS | GLenum | Yes |
| UNPACK_SKIP_PIXELS | GLenum | Yes |
| PACK_ROW_LENGTH | GLenum | Yes |
| PACK_SKIP_ROWS | GLenum | Yes |
| PACK_SKIP_PIXELS | GLenum | Yes |
| COLOR | GLenum | Yes |
| DEPTH | GLenum | Yes |
| STENCIL | GLenum | Yes |
| RED | GLenum | Yes |
| RGB8 | GLenum | Yes |
| RGBA8 | GLenum | Yes |
| RGB10_A2 | GLenum | Yes |
| TEXTURE_BINDING_3D | GLenum | Yes |
| UNPACK_SKIP_IMAGES | GLenum | Yes |
| UNPACK_IMAGE_HEIGHT | GLenum | Yes |
| TEXTURE_3D | GLenum | Yes |
| TEXTURE_WRAP_R | GLenum | Yes |
| MAX_3D_TEXTURE_SIZE | GLenum | Yes |
| UNSIGNED_INT_2_10_10_10_REV | GLenum | Yes |
| MAX_ELEMENTS_VERTICES | GLenum | Yes |
| MAX_ELEMENTS_INDICES | GLenum | Yes |
| TEXTURE_MIN_LOD | GLenum | Yes |
| TEXTURE_MAX_LOD | GLenum | Yes |
| TEXTURE_BASE_LEVEL | GLenum | Yes |
| TEXTURE_MAX_LEVEL | GLenum | Yes |
| MIN | GLenum | Yes |
| MAX | GLenum | Yes |
| DEPTH_COMPONENT24 | GLenum | Yes |
| MAX_TEXTURE_LOD_BIAS | GLenum | Yes |
| TEXTURE_COMPARE_MODE | GLenum | Yes |
| TEXTURE_COMPARE_FUNC | GLenum | Yes |
| CURRENT_QUERY | GLenum | Yes |
| QUERY_RESULT | GLenum | Yes |
| QUERY_RESULT_AVAILABLE | GLenum | Yes |
| STREAM_READ | GLenum | Yes |
| STREAM_COPY | GLenum | Yes |
| STATIC_READ | GLenum | Yes |
| STATIC_COPY | GLenum | Yes |
| DYNAMIC_READ | GLenum | Yes |
| DYNAMIC_COPY | GLenum | Yes |
| MAX_DRAW_BUFFERS | GLenum | Yes |
| DRAW_BUFFER0 | GLenum | Yes |
| DRAW_BUFFER1 | GLenum | Yes |
| DRAW_BUFFER2 | GLenum | Yes |
| DRAW_BUFFER3 | GLenum | Yes |
| DRAW_BUFFER4 | GLenum | Yes |
| DRAW_BUFFER5 | GLenum | Yes |
| DRAW_BUFFER6 | GLenum | Yes |
| DRAW_BUFFER7 | GLenum | Yes |
| DRAW_BUFFER8 | GLenum | Yes |
| DRAW_BUFFER9 | GLenum | Yes |
| DRAW_BUFFER10 | GLenum | Yes |
| DRAW_BUFFER11 | GLenum | Yes |
| DRAW_BUFFER12 | GLenum | Yes |
| DRAW_BUFFER13 | GLenum | Yes |
| DRAW_BUFFER14 | GLenum | Yes |
| DRAW_BUFFER15 | GLenum | Yes |
| MAX_FRAGMENT_UNIFORM_COMPONENTS | GLenum | Yes |
| MAX_VERTEX_UNIFORM_COMPONENTS | GLenum | Yes |
| SAMPLER_3D | GLenum | Yes |
| SAMPLER_2D_SHADOW | GLenum | Yes |
| FRAGMENT_SHADER_DERIVATIVE_HINT | GLenum | Yes |
| PIXEL_PACK_BUFFER | GLenum | Yes |
| PIXEL_UNPACK_BUFFER | GLenum | Yes |
| PIXEL_PACK_BUFFER_BINDING | GLenum | Yes |
| PIXEL_UNPACK_BUFFER_BINDING | GLenum | Yes |
| FLOAT_MAT2x3 | GLenum | Yes |
| FLOAT_MAT2x4 | GLenum | Yes |
| FLOAT_MAT3x2 | GLenum | Yes |
| FLOAT_MAT3x4 | GLenum | Yes |
| FLOAT_MAT4x2 | GLenum | Yes |
| FLOAT_MAT4x3 | GLenum | Yes |
| SRGB | GLenum | Yes |
| SRGB8 | GLenum | Yes |
| SRGB8_ALPHA8 | GLenum | Yes |
| COMPARE_REF_TO_TEXTURE | GLenum | Yes |
| RGBA32F | GLenum | Yes |
| RGB32F | GLenum | Yes |
| RGBA16F | GLenum | Yes |
| RGB16F | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_INTEGER | GLenum | Yes |
| MAX_ARRAY_TEXTURE_LAYERS | GLenum | Yes |
| MIN_PROGRAM_TEXEL_OFFSET | GLenum | Yes |
| MAX_PROGRAM_TEXEL_OFFSET | GLenum | Yes |
| MAX_VARYING_COMPONENTS | GLenum | Yes |
| TEXTURE_2D_ARRAY | GLenum | Yes |
| TEXTURE_BINDING_2D_ARRAY | GLenum | Yes |
| R11F_G11F_B10F | GLenum | Yes |
| UNSIGNED_INT_10F_11F_11F_REV | GLenum | Yes |
| RGB9_E5 | GLenum | Yes |
| UNSIGNED_INT_5_9_9_9_REV | GLenum | Yes |
| TRANSFORM_FEEDBACK_BUFFER_MODE | GLenum | Yes |
| MAX_TRANSFORM_FEEDBACK_SEPARATE_COMPONENTS | GLenum | Yes |
| TRANSFORM_FEEDBACK_VARYINGS | GLenum | Yes |
| TRANSFORM_FEEDBACK_BUFFER_START | GLenum | Yes |
| TRANSFORM_FEEDBACK_BUFFER_SIZE | GLenum | Yes |
| TRANSFORM_FEEDBACK_PRIMITIVES_WRITTEN | GLenum | Yes |
| RASTERIZER_DISCARD | GLenum | Yes |
| MAX_TRANSFORM_FEEDBACK_INTERLEAVED_COMPONENTS | GLenum | Yes |
| MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBS | GLenum | Yes |
| INTERLEAVED_ATTRIBS | GLenum | Yes |
| SEPARATE_ATTRIBS | GLenum | Yes |
| TRANSFORM_FEEDBACK_BUFFER | GLenum | Yes |
| TRANSFORM_FEEDBACK_BUFFER_BINDING | GLenum | Yes |
| RGBA32UI | GLenum | Yes |
| RGB32UI | GLenum | Yes |
| RGBA16UI | GLenum | Yes |
| RGB16UI | GLenum | Yes |
| RGBA8UI | GLenum | Yes |
| RGB8UI | GLenum | Yes |
| RGBA32I | GLenum | Yes |
| RGB32I | GLenum | Yes |
| RGBA16I | GLenum | Yes |
| RGB16I | GLenum | Yes |
| RGBA8I | GLenum | Yes |
| RGB8I | GLenum | Yes |
| RED_INTEGER | GLenum | Yes |
| RGB_INTEGER | GLenum | Yes |
| RGBA_INTEGER | GLenum | Yes |
| SAMPLER_2D_ARRAY | GLenum | Yes |
| SAMPLER_2D_ARRAY_SHADOW | GLenum | Yes |
| SAMPLER_CUBE_SHADOW | GLenum | Yes |
| UNSIGNED_INT_VEC2 | GLenum | Yes |
| UNSIGNED_INT_VEC3 | GLenum | Yes |
| UNSIGNED_INT_VEC4 | GLenum | Yes |
| INT_SAMPLER_2D | GLenum | Yes |
| INT_SAMPLER_3D | GLenum | Yes |
| INT_SAMPLER_CUBE | GLenum | Yes |
| INT_SAMPLER_2D_ARRAY | GLenum | Yes |
| UNSIGNED_INT_SAMPLER_2D | GLenum | Yes |
| UNSIGNED_INT_SAMPLER_3D | GLenum | Yes |
| UNSIGNED_INT_SAMPLER_CUBE | GLenum | Yes |
| UNSIGNED_INT_SAMPLER_2D_ARRAY | GLenum | Yes |
| DEPTH_COMPONENT32F | GLenum | Yes |
| DEPTH32F_STENCIL8 | GLenum | Yes |
| FLOAT_32_UNSIGNED_INT_24_8_REV | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_RED_SIZE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_GREEN_SIZE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_BLUE_SIZE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_ALPHA_SIZE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_DEPTH_SIZE | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_STENCIL_SIZE | GLenum | Yes |
| FRAMEBUFFER_DEFAULT | GLenum | Yes |
| UNSIGNED_INT_24_8 | GLenum | Yes |
| DEPTH24_STENCIL8 | GLenum | Yes |
| UNSIGNED_NORMALIZED | GLenum | Yes |
| DRAW_FRAMEBUFFER_BINDING | GLenum | Yes |
| READ_FRAMEBUFFER | GLenum | Yes |
| DRAW_FRAMEBUFFER | GLenum | Yes |
| READ_FRAMEBUFFER_BINDING | GLenum | Yes |
| RENDERBUFFER_SAMPLES | GLenum | Yes |
| FRAMEBUFFER_ATTACHMENT_TEXTURE_LAYER | GLenum | Yes |
| MAX_COLOR_ATTACHMENTS | GLenum | Yes |
| COLOR_ATTACHMENT1 | GLenum | Yes |
| COLOR_ATTACHMENT2 | GLenum | Yes |
| COLOR_ATTACHMENT3 | GLenum | Yes |
| COLOR_ATTACHMENT4 | GLenum | Yes |
| COLOR_ATTACHMENT5 | GLenum | Yes |
| COLOR_ATTACHMENT6 | GLenum | Yes |
| COLOR_ATTACHMENT7 | GLenum | Yes |
| COLOR_ATTACHMENT8 | GLenum | Yes |
| COLOR_ATTACHMENT9 | GLenum | Yes |
| COLOR_ATTACHMENT10 | GLenum | Yes |
| COLOR_ATTACHMENT11 | GLenum | Yes |
| COLOR_ATTACHMENT12 | GLenum | Yes |
| COLOR_ATTACHMENT13 | GLenum | Yes |
| COLOR_ATTACHMENT14 | GLenum | Yes |
| COLOR_ATTACHMENT15 | GLenum | Yes |
| FRAMEBUFFER_INCOMPLETE_MULTISAMPLE | GLenum | Yes |
| MAX_SAMPLES | GLenum | Yes |
| HALF_FLOAT | GLenum | Yes |
| RG | GLenum | Yes |
| RG_INTEGER | GLenum | Yes |
| R8 | GLenum | Yes |
| RG8 | GLenum | Yes |
| R16F | GLenum | Yes |
| R32F | GLenum | Yes |
| RG16F | GLenum | Yes |
| RG32F | GLenum | Yes |
| R8I | GLenum | Yes |
| R8UI | GLenum | Yes |
| R16I | GLenum | Yes |
| R16UI | GLenum | Yes |
| R32I | GLenum | Yes |
| R32UI | GLenum | Yes |
| RG8I | GLenum | Yes |
| RG8UI | GLenum | Yes |
| RG16I | GLenum | Yes |
| RG16UI | GLenum | Yes |
| RG32I | GLenum | Yes |
| RG32UI | GLenum | Yes |
| VERTEX_ARRAY_BINDING | GLenum | Yes |
| R8_SNORM | GLenum | Yes |
| RG8_SNORM | GLenum | Yes |
| RGB8_SNORM | GLenum | Yes |
| SIGNED_NORMALIZED | GLenum | Yes |
| COPY_READ_BUFFER | GLenum | Yes |
| COPY_WRITE_BUFFER | GLenum | Yes |
| COPY_READ_BUFFER_BINDING | GLenum | Yes |
| COPY_WRITE_BUFFER_BINDING | GLenum | Yes |
| UNIFORM_BUFFER | GLenum | Yes |
| UNIFORM_BUFFER_BINDING | GLenum | Yes |
| UNIFORM_BUFFER_START | GLenum | Yes |
| UNIFORM_BUFFER_SIZE | GLenum | Yes |
| MAX_VERTEX_UNIFORM_BLOCKS | GLenum | Yes |
| MAX_FRAGMENT_UNIFORM_BLOCKS | GLenum | Yes |
| MAX_COMBINED_UNIFORM_BLOCKS | GLenum | Yes |
| MAX_UNIFORM_BUFFER_BINDINGS | GLenum | Yes |
| MAX_UNIFORM_BLOCK_SIZE | GLenum | Yes |
| MAX_COMBINED_VERTEX_UNIFORM_COMPONENTS | GLenum | Yes |
| MAX_COMBINED_FRAGMENT_UNIFORM_COMPONENTS | GLenum | Yes |
| UNIFORM_BUFFER_OFFSET_ALIGNMENT | GLenum | Yes |
| ACTIVE_UNIFORM_BLOCKS | GLenum | Yes |
| UNIFORM_TYPE | GLenum | Yes |
| UNIFORM_SIZE | GLenum | Yes |
| UNIFORM_BLOCK_INDEX | GLenum | Yes |
| UNIFORM_OFFSET | GLenum | Yes |
| UNIFORM_ARRAY_STRIDE | GLenum | Yes |
| UNIFORM_MATRIX_STRIDE | GLenum | Yes |
| UNIFORM_IS_ROW_MAJOR | GLenum | Yes |
| UNIFORM_BLOCK_BINDING | GLenum | Yes |
| UNIFORM_BLOCK_DATA_SIZE | GLenum | Yes |
| UNIFORM_BLOCK_ACTIVE_UNIFORMS | GLenum | Yes |
| UNIFORM_BLOCK_ACTIVE_UNIFORM_INDICES | GLenum | Yes |
| UNIFORM_BLOCK_REFERENCED_BY_VERTEX_SHADER | GLenum | Yes |
| UNIFORM_BLOCK_REFERENCED_BY_FRAGMENT_SHADER | GLenum | Yes |
| INVALID_INDEX | GLenum | Yes |
| MAX_VERTEX_OUTPUT_COMPONENTS | GLenum | Yes |
| MAX_FRAGMENT_INPUT_COMPONENTS | GLenum | Yes |
| MAX_SERVER_WAIT_TIMEOUT | GLenum | Yes |
| OBJECT_TYPE | GLenum | Yes |
| SYNC_CONDITION | GLenum | Yes |
| SYNC_STATUS | GLenum | Yes |
| SYNC_FLAGS | GLenum | Yes |
| SYNC_FENCE | GLenum | Yes |
| SYNC_GPU_COMMANDS_COMPLETE | GLenum | Yes |
| UNSIGNALED | GLenum | Yes |
| SIGNALED | GLenum | Yes |
| ALREADY_SIGNALED | GLenum | Yes |
| TIMEOUT_EXPIRED | GLenum | Yes |
| CONDITION_SATISFIED | GLenum | Yes |
| WAIT_FAILED | GLenum | Yes |
| SYNC_FLUSH_COMMANDS_BIT | GLenum | Yes |
| VERTEX_ATTRIB_ARRAY_DIVISOR | GLenum | Yes |
| ANY_SAMPLES_PASSED | GLenum | Yes |
| ANY_SAMPLES_PASSED_CONSERVATIVE | GLenum | Yes |
| SAMPLER_BINDING | GLenum | Yes |
| RGB10_A2UI | GLenum | Yes |
| INT_2_10_10_10_REV | GLenum | Yes |
| TRANSFORM_FEEDBACK | GLenum | Yes |
| TRANSFORM_FEEDBACK_PAUSED | GLenum | Yes |
| TRANSFORM_FEEDBACK_ACTIVE | GLenum | Yes |
| TRANSFORM_FEEDBACK_BINDING | GLenum | Yes |
| TEXTURE_IMMUTABLE_FORMAT | GLenum | Yes |
| MAX_ELEMENT_INDEX | GLenum | Yes |
| TEXTURE_IMMUTABLE_LEVELS | GLenum | Yes |
| TIMEOUT_IGNORED | GLint64 | Yes |
| MAX_CLIENT_WAIT_TIMEOUT_WEBGL | GLenum | Yes |
### Methods
| Method| Return Value Type|
| -------- | ---------- |
| copyBufferSubData(readTarget:&nbsp; GLenum,&nbsp; writeTarget:&nbsp; GLenum,&nbsp; readOffset:&nbsp; GLintptr,&nbsp; writeOffset:&nbsp; GLintptr,&nbsp; size:&nbsp; GLsizeiptr) | void |
| getBufferSubData(target:&nbsp; GLenum,&nbsp; srcByteOffset:&nbsp; GLintptr,&nbsp; dstBuffer:&nbsp; ArrayBufferView,&nbsp; dstOffset?:&nbsp; GLuint,&nbsp; length?:&nbsp; GLuint) | void |
| blitFramebuffer(srcX0:&nbsp; GLint,&nbsp; srcY0:&nbsp; GLint,&nbsp; srcX1:&nbsp; GLint,&nbsp; srcY1:&nbsp; GLint,&nbsp; dstX0:&nbsp; GLint,&nbsp; dstY0:&nbsp; GLint,&nbsp; dstX1:&nbsp; GLint,&nbsp; dstY1:&nbsp; GLint,&nbsp; mask:&nbsp; GLbitfield,&nbsp; filter:&nbsp; GLenum) | void |
| framebufferTextureLayer(target:&nbsp; GLenum,&nbsp; attachment:&nbsp; GLenum,&nbsp; texture:&nbsp; WebGLTexture&nbsp;\|&nbsp;null,&nbsp; level:&nbsp; GLint,&nbsp; layer:&nbsp; GLint) | void |
| invalidateFramebuffer(target:&nbsp; GLenum,&nbsp; attachments:&nbsp; GLenum[]) | void |
| invalidateSubFramebuffer(target:&nbsp; GLenum,&nbsp; attachments:&nbsp; GLenum[],&nbsp; x:&nbsp; GLint,&nbsp; y:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei) | void |
| readBuffer(src:&nbsp; GLenum) | void |
| getInternalformatParameter(target:&nbsp; GLenum,&nbsp; internalformat:&nbsp; GLenum,&nbsp; pname:&nbsp; GLenum) | any |
| renderbufferStorageMultisample(target:&nbsp; GLenum,&nbsp; samples:&nbsp; GLsizei,&nbsp; internalformat:&nbsp; GLenum,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei) | void |
| texStorage2D(target:&nbsp; GLenum,&nbsp; levels:&nbsp; GLsizei,&nbsp; internalformat:&nbsp; GLenum,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei) | void |
| texStorage3D(target:&nbsp; GLenum,&nbsp; levels:&nbsp; GLsizei,&nbsp; internalformat:&nbsp; GLenum,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei) | void |
| texImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; pboOffset:&nbsp; GLintptr) | void |
| texImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; source:&nbsp; TexImageSource) | void |
| texImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; srcData:&nbsp; ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; srcData:&nbsp; ArrayBufferView,&nbsp; srcOffset:&nbsp; GLuint) | void |
| texSubImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; zoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; pboOffset:&nbsp; GLintptr) | void |
| texSubImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; zoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; source:&nbsp; TexImageSource) | void |
| texSubImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; zoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; srcData:&nbsp; ArrayBufferView&nbsp;\|&nbsp;null,&nbsp; srcOffset?:&nbsp; GLuint) | void |
| copyTexSubImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; zoffset:&nbsp; GLint,&nbsp; x:&nbsp; GLint,&nbsp; y:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei) | void |
| compressedTexImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLenum,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; imageSize:&nbsp; GLsizei,&nbsp; offset:&nbsp; GLintptr) | void |
| compressedTexImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLenum,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; srcData:&nbsp; ArrayBufferView,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLengthOverride?:&nbsp; GLuint) | void |
| compressedTexSubImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; zoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; imageSize:&nbsp; GLsizei,&nbsp; offset:&nbsp; GLintptr) | void |
| compressedTexSubImage3D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; zoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; depth:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; srcData:&nbsp; ArrayBufferView,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLengthOverride?:&nbsp; GLuint) | void |
| getFragDataLocation(program:&nbsp; WebGLProgram,&nbsp; name:&nbsp; string) | GLint |
| uniform1ui(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; v0:&nbsp; GLuint) | void |
| uniform2ui(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; v0:&nbsp; GLuint,&nbsp; v1:&nbsp; GLuint) | void |
| uniform3ui(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; v0:&nbsp; GLuint,&nbsp; v1:&nbsp; GLuint,&nbsp; v2:&nbsp; GLuint) | void |
| uniform4ui(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; v0:&nbsp; GLuint,&nbsp; v1:&nbsp; GLuint,&nbsp; v2:&nbsp; GLuint,&nbsp; v3:&nbsp; GLuint) | void |
| uniform1uiv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Uint32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform2uiv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Uint32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform3uiv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Uint32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform4uiv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Uint32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniformMatrix3x2fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; transpose:&nbsp; GLboolean,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniformMatrix4x2fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; transpose:&nbsp; GLboolean,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniformMatrix2x3fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; transpose:&nbsp; GLboolean,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniformMatrix4x3fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; transpose:&nbsp; GLboolean,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniformMatrix2x4fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; transpose:&nbsp; GLboolean,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniformMatrix3x4fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; transpose:&nbsp; GLboolean,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| vertexAttribI4i(index:&nbsp; GLuint,&nbsp; x:&nbsp; GLint,&nbsp; y:&nbsp; GLint,&nbsp; z:&nbsp; GLint,&nbsp; w:&nbsp; GLint) | void |
| vertexAttribI4iv(index:&nbsp; GLuint,&nbsp; values:&nbsp; Int32List) | void |
| vertexAttribI4ui(index:&nbsp; GLuint,&nbsp; x:&nbsp; GLuint,&nbsp; y:&nbsp; GLuint,&nbsp; z:&nbsp; GLuint,&nbsp; w:&nbsp; GLuint) | void |
| vertexAttribI4uiv(index:&nbsp; GLuint,&nbsp; values:&nbsp; Uint32List) | void |
| vertexAttribIPointer(index:&nbsp; GLuint,&nbsp; size:&nbsp; GLint,&nbsp; type:&nbsp; GLenum,&nbsp; stride:&nbsp; GLsizei,&nbsp; offset:&nbsp; GLintptr) | void |
| vertexAttribDivisor(index:&nbsp; GLuint,&nbsp; divisor:&nbsp; GLuint) | void |
| drawArraysInstanced(mode:&nbsp; GLenum,&nbsp; first:&nbsp; GLint,&nbsp; count:&nbsp; GLsizei,&nbsp; instanceCount:&nbsp; GLsizei) | void |
| drawElementsInstanced(mode:&nbsp; GLenum,&nbsp; count:&nbsp; GLsizei,&nbsp; type:&nbsp; GLenum,&nbsp; offset:&nbsp; GLintptr,&nbsp; instanceCount:&nbsp; GLsizei) | void |
| drawRangeElements(mode:&nbsp; GLenum,&nbsp; start:&nbsp; GLuint,&nbsp; end:&nbsp; GLuint,&nbsp; count:&nbsp; GLsizei,&nbsp; type:&nbsp; GLenum,&nbsp; offset:&nbsp; GLintptr) | void |
| drawBuffers(buffers:&nbsp; GLenum[]) | void |
| clearBufferfv(buffer:&nbsp; GLenum,&nbsp; drawbuffer:&nbsp; GLint,&nbsp; values:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint) | void |
| clearBufferiv(buffer:&nbsp; GLenum,&nbsp; drawbuffer:&nbsp; GLint,&nbsp; values:&nbsp; Int32List,&nbsp; srcOffset?:&nbsp; GLuint) | void |
| clearBufferuiv(buffer:&nbsp; GLenum,&nbsp; drawbuffer:&nbsp; GLint,&nbsp; values:&nbsp; Uint32List,&nbsp; srcOffset?:&nbsp; GLuint) | void |
| clearBufferfi(buffer:&nbsp; GLenum,&nbsp; drawbuffer:&nbsp; GLint,&nbsp; depth:&nbsp; GLfloat,&nbsp; stencil:&nbsp; GLint) | void |
| createQuery() | WebGLQuery&nbsp;\|&nbsp;null |
| deleteQuery(query:&nbsp; WebGLQuery&nbsp;\|&nbsp;null) | void |
| isQuery(query:&nbsp; WebGLQuery&nbsp;\|&nbsp;null) | GLboolean |
| beginQuery(target:&nbsp; GLenum,&nbsp; query:&nbsp; WebGLQuery) | void |
| endQuery(target:&nbsp; GLenum) | void |
| getQuery(target:&nbsp; GLenum,&nbsp; pname:&nbsp; GLenum) | WebGLQuery&nbsp;\|&nbsp;null |
| getQueryParameter(query:&nbsp; WebGLQuery,&nbsp; pname:&nbsp; GLenum) | any |
| createSampler() | WebGLSampler&nbsp;\|&nbsp;null |
| deleteSampler(sampler:&nbsp; WebGLSampler&nbsp;\|&nbsp;null) | void |
| isSampler(sampler:&nbsp; WebGLSampler&nbsp;\|&nbsp;null) | GLboolean |
| bindSampler(unit:&nbsp; GLuint,&nbsp; sampler:&nbsp; WebGLSampler&nbsp;\|&nbsp;null) | void |
| samplerParameteri(sampler:&nbsp; WebGLSampler,&nbsp; pname:&nbsp; GLenum,&nbsp; param:&nbsp; GLint) | void |
| samplerParameterf(sampler:&nbsp; WebGLSampler,&nbsp; pname:&nbsp; GLenum,&nbsp; param:&nbsp; GLfloat) | void |
| getSamplerParameter(sampler:&nbsp; WebGLSampler,&nbsp; pname:&nbsp; GLenum) | any |
| fenceSync(condition:&nbsp; GLenum,&nbsp; flags:&nbsp; GLbitfield) | WebGLSync&nbsp;\|&nbsp;null |
| isSync(sync:&nbsp; WebGLSync&nbsp;\|&nbsp;null) | GLboolean |
| deleteSync(sync:&nbsp; WebGLSync&nbsp;\|&nbsp;null) | void |
| clientWaitSync(sync:&nbsp; WebGLSync,&nbsp; flags:&nbsp; GLbitfield,&nbsp; timeout:&nbsp; GLuint64) | GLenum |
| waitSync(sync:&nbsp; WebGLSync,&nbsp; flags:&nbsp; GLbitfield,&nbsp; timeout:&nbsp; GLint64) | void |
| getSyncParameter(sync:&nbsp; WebGLSync,&nbsp; pname:&nbsp; GLenum) | any |
| createTransformFeedback() | WebGLTransformFeedback&nbsp;\|&nbsp;null |
| deleteTransformFeedback(tf:&nbsp; WebGLTransformFeedback&nbsp;\|&nbsp;null) | void |
| isTransformFeedback(tf:&nbsp; WebGLTransformFeedback&nbsp;\|&nbsp;null) | GLboolean |
| bindTransformFeedback(target:&nbsp; GLenum,&nbsp; tf:&nbsp; WebGLTransformFeedback&nbsp;\|&nbsp;null) | void |
| beginTransformFeedback(primitiveMode:&nbsp; GLenum) | void |
| endTransformFeedback() | void |
| transformFeedbackVaryings(program:&nbsp; WebGLProgram,&nbsp; varyings:&nbsp; string[],&nbsp; bufferMode:&nbsp; GLenum) | void |
| getTransformFeedbackVarying(program:&nbsp; WebGLProgram,&nbsp; index:&nbsp; GLuint) | WebGLActiveInfo&nbsp;\|&nbsp;null |
| pauseTransformFeedback() | void |
| resumeTransformFeedback() | void |
| bindBufferBase(target:&nbsp; GLenum,&nbsp; index:&nbsp; GLuint,&nbsp; buffer:&nbsp; WebGLBuffer&nbsp;\|&nbsp;null) | void |
| bindBufferRange(target:&nbsp; GLenum,&nbsp; index:&nbsp; GLuint,&nbsp; buffer:&nbsp; WebGLBuffer&nbsp;\|&nbsp;null,&nbsp; offset:&nbsp; GLintptr,&nbsp; size:&nbsp; GLsizeiptr) | void |
| getIndexedParameter(target:&nbsp; GLenum,&nbsp; index:&nbsp; GLuint) | any |
| getUniformIndices(program:&nbsp; WebGLProgram,&nbsp; uniformNames:&nbsp; string[]) | GLuint[]&nbsp;\|&nbsp;null |
| getActiveUniforms(program:&nbsp; WebGLProgram,&nbsp; uniformIndices:&nbsp; GLuint[],&nbsp; pname:&nbsp; GLenum) | any |
| getUniformBlockIndex(program:&nbsp; WebGLProgram,&nbsp; uniformBlockName:&nbsp; string) | GLuint |
| getActiveUniformBlockParameter(program:&nbsp; WebGLProgram,&nbsp; uniformBlockIndex:&nbsp; GLuint,&nbsp; pname:&nbsp; GLenum) | any |
| getActiveUniformBlockName(program:&nbsp; WebGLProgram,&nbsp; uniformBlockIndex:&nbsp; GLuint) | string&nbsp;\|&nbsp;null |
| uniformBlockBinding(program:&nbsp; WebGLProgram,&nbsp; uniformBlockIndex:&nbsp; GLuint,&nbsp; uniformBlockBinding:&nbsp; GLuint) | void |
| createVertexArray() | WebGLVertexArrayObject&nbsp;\|&nbsp;null |
| deleteVertexArray(vertexArray:&nbsp; WebGLVertexArrayObject&nbsp;\|&nbsp;null) | void |
| isVertexArray(vertexArray:&nbsp; WebGLVertexArrayObject&nbsp;\|&nbsp;null) | GLboolean |
| bindVertexArray(array:&nbsp; WebGLVertexArrayObject&nbsp;\|&nbsp;null) | void |
## webgl.WebGL2RenderingContextOverloads
| Method | Return&nbsp;Value&nbsp;Type |
| -------- | -------- |
| copyBufferSubData(readTarget:&nbsp;GLenum,&nbsp;writeTarget:&nbsp;GLenum,&nbsp;readOffset:&nbsp;GLintptr,&nbsp;writeOffset:&nbsp;GLintptr,&nbsp;size:&nbsp;GLsizeiptr) | void |
| getBufferSubData(target:&nbsp;GLenum,&nbsp;srcByteOffset:&nbsp;GLintptr,&nbsp;dstBuffer:&nbsp;ArrayBufferView,&nbsp;dstOffset?:&nbsp;GLuint,&nbsp;length?:&nbsp;GLuint) | void |
| blitFramebuffer(srcX0:&nbsp;GLint,&nbsp;srcY0:&nbsp;GLint,&nbsp;srcX1:&nbsp;GLint,&nbsp;srcY1:&nbsp;GLint,&nbsp;dstX0:&nbsp;GLint,&nbsp;dstY0:&nbsp;GLint,&nbsp;dstX1:&nbsp;GLint,&nbsp;dstY1:&nbsp;GLint,&nbsp;mask:&nbsp;GLbitfield,&nbsp;filter:&nbsp;GLenum) | void |
| framebufferTextureLayer(target:&nbsp;GLenum,&nbsp;attachment:&nbsp;GLenum,&nbsp;texture:&nbsp;WebGLTexture&nbsp;\|&nbsp;null,&nbsp;level:&nbsp;GLint,&nbsp;layer:&nbsp;GLint) | void |
| invalidateFramebuffer(target:&nbsp;GLenum,&nbsp;attachments:&nbsp;GLenum[]) | void |
| invalidateSubFramebuffer(target:&nbsp;GLenum,&nbsp;attachments:&nbsp;GLenum[],&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| readBuffer(src:&nbsp;GLenum) | void |
| getInternalformatParameter(target:&nbsp;GLenum,&nbsp;internalformat:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | any |
| renderbufferStorageMultisample(target:&nbsp;GLenum,&nbsp;samples:&nbsp;GLsizei,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| texStorage2D(target:&nbsp;GLenum,&nbsp;levels:&nbsp;GLsizei,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| texStorage3D(target:&nbsp;GLenum,&nbsp;levels:&nbsp;GLsizei,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei) | void |
| texImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pboOffset:&nbsp;GLintptr) | void |
| texImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| texImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;srcData:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;srcData:&nbsp;ArrayBufferView,&nbsp;srcOffset:&nbsp;GLuint) | void |
| texSubImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;zoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pboOffset:&nbsp;GLintptr) | void |
| texSubImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;zoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| texSubImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;zoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;srcData:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null,&nbsp;srcOffset?:&nbsp;GLuint) | void |
| copyTexSubImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;zoffset:&nbsp;GLint,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei) | void |
| compressedTexImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;imageSize:&nbsp;GLsizei,&nbsp;offset:&nbsp;GLintptr) | void |
| compressedTexImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;srcData:&nbsp;ArrayBufferView,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLengthOverride?:&nbsp;GLuint) | void |
| compressedTexSubImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;zoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;imageSize:&nbsp;GLsizei,&nbsp;offset:&nbsp;GLintptr) | void |
| compressedTexSubImage3D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;zoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;depth:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;srcData:&nbsp;ArrayBufferView,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLengthOverride?:&nbsp;GLuint) | void |
| getFragDataLocation(program:&nbsp;WebGLProgram,&nbsp;name:&nbsp;string) | GLint |
| uniform1ui(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v0:&nbsp;GLuint) | void |
| uniform2ui(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v0:&nbsp;GLuint,&nbsp;v1:&nbsp;GLuint) | void |
| uniform3ui(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v0:&nbsp;GLuint,&nbsp;v1:&nbsp;GLuint,&nbsp;v2:&nbsp;GLuint) | void |
| uniform4ui(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;v0:&nbsp;GLuint,&nbsp;v1:&nbsp;GLuint,&nbsp;v2:&nbsp;GLuint,&nbsp;v3:&nbsp;GLuint) | void |
| uniform1uiv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Uint32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform2uiv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Uint32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform3uiv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Uint32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform4uiv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Uint32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniformMatrix3x2fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniformMatrix4x2fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniformMatrix2x3fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniformMatrix4x3fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniformMatrix2x4fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniformMatrix3x4fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| vertexAttribI4i(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;z:&nbsp;GLint,&nbsp;w:&nbsp;GLint) | void |
| vertexAttribI4iv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Int32List) | void |
| vertexAttribI4ui(index:&nbsp;GLuint,&nbsp;x:&nbsp;GLuint,&nbsp;y:&nbsp;GLuint,&nbsp;z:&nbsp;GLuint,&nbsp;w:&nbsp;GLuint) | void |
| vertexAttribI4uiv(index:&nbsp;GLuint,&nbsp;values:&nbsp;Uint32List) | void |
| vertexAttribIPointer(index:&nbsp;GLuint,&nbsp;size:&nbsp;GLint,&nbsp;type:&nbsp;GLenum,&nbsp;stride:&nbsp;GLsizei,&nbsp;offset:&nbsp;GLintptr) | void |
| vertexAttribDivisor(index:&nbsp;GLuint,&nbsp;divisor:&nbsp;GLuint) | void |
| drawArraysInstanced(mode:&nbsp;GLenum,&nbsp;first:&nbsp;GLint,&nbsp;count:&nbsp;GLsizei,&nbsp;instanceCount:&nbsp;GLsizei) | void |
| drawElementsInstanced(mode:&nbsp;GLenum,&nbsp;count:&nbsp;GLsizei,&nbsp;type:&nbsp;GLenum,&nbsp;offset:&nbsp;GLintptr,&nbsp;instanceCount:&nbsp;GLsizei) | void |
| drawRangeElements(mode:&nbsp;GLenum,&nbsp;start:&nbsp;GLuint,&nbsp;end:&nbsp;GLuint,&nbsp;count:&nbsp;GLsizei,&nbsp;type:&nbsp;GLenum,&nbsp;offset:&nbsp;GLintptr) | void |
| drawBuffers(buffers:&nbsp;GLenum[]) | void |
| clearBufferfv(buffer:&nbsp;GLenum,&nbsp;drawbuffer:&nbsp;GLint,&nbsp;values:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint) | void |
| clearBufferiv(buffer:&nbsp;GLenum,&nbsp;drawbuffer:&nbsp;GLint,&nbsp;values:&nbsp;Int32List,&nbsp;srcOffset?:&nbsp;GLuint) | void |
| clearBufferuiv(buffer:&nbsp;GLenum,&nbsp;drawbuffer:&nbsp;GLint,&nbsp;values:&nbsp;Uint32List,&nbsp;srcOffset?:&nbsp;GLuint) | void |
| clearBufferfi(buffer:&nbsp;GLenum,&nbsp;drawbuffer:&nbsp;GLint,&nbsp;depth:&nbsp;GLfloat,&nbsp;stencil:&nbsp;GLint) | void |
| createQuery() | WebGLQuery&nbsp;\|&nbsp;null |
| deleteQuery(query:&nbsp;WebGLQuery&nbsp;\|&nbsp;null) | void |
| isQuery(query:&nbsp;WebGLQuery&nbsp;\|&nbsp;null) | GLboolean |
| beginQuery(target:&nbsp;GLenum,&nbsp;query:&nbsp;WebGLQuery) | void |
| endQuery(target:&nbsp;GLenum) | void |
| getQuery(target:&nbsp;GLenum,&nbsp;pname:&nbsp;GLenum) | WebGLQuery&nbsp;\|&nbsp;null |
| getQueryParameter(query:&nbsp;WebGLQuery,&nbsp;pname:&nbsp;GLenum) | any |
| createSampler() | WebGLSampler&nbsp;\|&nbsp;null |
| deleteSampler(sampler:&nbsp;WebGLSampler&nbsp;\|&nbsp;null) | void |
| isSampler(sampler:&nbsp;WebGLSampler&nbsp;\|&nbsp;null) | GLboolean |
| bindSampler(unit:&nbsp;GLuint,&nbsp;sampler:&nbsp;WebGLSampler&nbsp;\|&nbsp;null) | void |
| samplerParameteri(sampler:&nbsp;WebGLSampler,&nbsp;pname:&nbsp;GLenum,&nbsp;param:&nbsp;GLint) | void |
| samplerParameterf(sampler:&nbsp;WebGLSampler,&nbsp;pname:&nbsp;GLenum,&nbsp;param:&nbsp;GLfloat) | void; |
| getSamplerParameter(sampler:&nbsp;WebGLSampler,&nbsp;pname:&nbsp;GLenum) | any |
| fenceSync(condition:&nbsp;GLenum,&nbsp;flags:&nbsp;GLbitfield) | WebGLSync&nbsp;\|&nbsp;null |
| isSync(sync:&nbsp;WebGLSync&nbsp;\|&nbsp;null) | GLboolean |
| deleteSync(sync:&nbsp;WebGLSync&nbsp;\|&nbsp;null) | void |
| clientWaitSync(sync:&nbsp;WebGLSync,&nbsp;flags:&nbsp;GLbitfield,&nbsp;timeout:&nbsp;GLuint64) | GLenum |
| waitSync(sync:&nbsp;WebGLSync,&nbsp;flags:&nbsp;GLbitfield,&nbsp;timeout:&nbsp;GLint64) | void |
| getSyncParameter(sync:&nbsp;WebGLSync,&nbsp;pname:&nbsp;GLenum) | any |
| createTransformFeedback() | WebGLTransformFeedback&nbsp;\|&nbsp;null |
| deleteTransformFeedback(tf:&nbsp;WebGLTransformFeedback&nbsp;\|&nbsp;null) | void |
| isTransformFeedback(tf:&nbsp;WebGLTransformFeedback&nbsp;\|&nbsp;null) | GLboolean |
| bindTransformFeedback(target:&nbsp;GLenum,&nbsp;tf:&nbsp;WebGLTransformFeedback&nbsp;\|&nbsp;null) | void |
| beginTransformFeedback(primitiveMode:&nbsp;GLenum) | void |
| endTransformFeedback() | void |
| transformFeedbackVaryings(program:&nbsp;WebGLProgram,&nbsp;varyings:&nbsp;string[],&nbsp;bufferMode:&nbsp;GLenum) | void |
| getTransformFeedbackVarying(program:&nbsp;WebGLProgram,&nbsp;index:&nbsp;GLuint) | WebGLActiveInfo&nbsp;\|&nbsp;null |
| pauseTransformFeedback() | void |
| resumeTransformFeedback() | void |
| bindBufferBase(target:&nbsp;GLenum,&nbsp;index:&nbsp;GLuint,&nbsp;buffer:&nbsp;WebGLBuffer&nbsp;\|&nbsp;null) | void |
| bindBufferRange(target:&nbsp;GLenum,&nbsp;index:&nbsp;GLuint,&nbsp;buffer:&nbsp;WebGLBuffer&nbsp;\|&nbsp;null,&nbsp;offset:&nbsp;GLintptr,&nbsp;size:&nbsp;GLsizeiptr) | void |
| getIndexedParameter(target:&nbsp;GLenum,&nbsp;index:&nbsp;GLuint) | any |
| getUniformIndices(program:&nbsp;WebGLProgram,&nbsp;uniformNames:&nbsp;string[]) | GLuint[]&nbsp;\|&nbsp;null |
| getActiveUniforms(program:&nbsp;WebGLProgram,&nbsp;uniformIndices:&nbsp;GLuint[],&nbsp;pname:&nbsp;GLenum) | any |
| getUniformBlockIndex(program:&nbsp;WebGLProgram,&nbsp;uniformBlockName:&nbsp;string) | GLuint |
| getActiveUniformBlockParameter(program:&nbsp;WebGLProgram,&nbsp;uniformBlockIndex:&nbsp;GLuint,&nbsp;pname:&nbsp;GLenum) | any |
| getActiveUniformBlockName(program:&nbsp;WebGLProgram,&nbsp;uniformBlockIndex:&nbsp;GLuint) | string&nbsp;\|&nbsp;null |
| uniformBlockBinding(program:&nbsp;WebGLProgram,&nbsp;uniformBlockIndex:&nbsp;GLuint,&nbsp;uniformBlockBinding:&nbsp;GLuint) | void |
| createVertexArray() | WebGLVertexArrayObject&nbsp;\|&nbsp;null |
| deleteVertexArray(vertexArray:&nbsp;WebGLVertexArrayObject&nbsp;\|&nbsp;null) | void |
| isVertexArray(vertexArray:&nbsp;WebGLVertexArrayObject&nbsp;\|&nbsp;null) | GLboolean |
| bindVertexArray(array:&nbsp;WebGLVertexArrayObject&nbsp;\|&nbsp;null) | void |
## WebGL2RenderingContextOverloads
WebGL2RenderingContextOverloads
| Method| Return Value Type|
| -------- | ---------- |
| bufferData(target:&nbsp; GLenum,&nbsp; size:&nbsp; GLsizeiptr,&nbsp; usage:&nbsp; GLenum) | void |
| bufferData(target:&nbsp; GLenum,&nbsp; srcData:&nbsp; BufferSource&nbsp;\|&nbsp;null,&nbsp; usage:&nbsp; GLenum) | void |
| bufferSubData(target:&nbsp; GLenum,&nbsp; dstByteOffset:&nbsp; GLintptr,&nbsp; srcData:&nbsp; BufferSource) | void |
| bufferData(target:&nbsp; GLenum,&nbsp; srcData:&nbsp; ArrayBufferView,&nbsp; usage:&nbsp; GLenum,&nbsp; srcOffset:&nbsp; GLuint,&nbsp; length?:&nbsp; GLuint) | void |
| bufferSubData(target:&nbsp; GLenum,&nbsp; dstByteOffset:&nbsp; GLintptr,&nbsp; srcData:&nbsp; ArrayBufferView,&nbsp; srcOffset:&nbsp; GLuint,&nbsp; length?:&nbsp; GLuint) | void |
| texImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; pixels:&nbsp; ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; source:&nbsp; TexImageSource) | void |
| texSubImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; pixels:&nbsp; ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texSubImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; source:&nbsp; TexImageSource) | void |
| texImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; pboOffset:&nbsp; GLintptr) | void |
| texImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; source:&nbsp; TexImageSource) | void |
| texImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; srcData:&nbsp; ArrayBufferView,&nbsp; srcOffset:&nbsp; GLuint) | void |
| texSubImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; pboOffset:&nbsp; GLintptr) | void |
| texSubImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; source:&nbsp; TexImageSource) | void |
| texSubImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; srcData:&nbsp; ArrayBufferView,&nbsp; srcOffset:&nbsp; GLuint) | void |
| compressedTexImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLenum,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; imageSize:&nbsp; GLsizei,&nbsp; offset:&nbsp; GLintptr) | void |
| compressedTexImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; internalformat:&nbsp; GLenum,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; border:&nbsp; GLint,&nbsp; srcData:&nbsp; ArrayBufferView,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLengthOverride?:&nbsp; GLuint) | void |
| compressedTexSubImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; imageSize:&nbsp; GLsizei,&nbsp; offset:&nbsp; GLintptr) | void |
| compressedTexSubImage2D(target:&nbsp; GLenum,&nbsp; level:&nbsp; GLint,&nbsp; xoffset:&nbsp; GLint,&nbsp; yoffset:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; srcData:&nbsp; ArrayBufferView,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLengthOverride?:&nbsp; GLuint) | void |
| uniform1fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform2fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform3fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform4fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform1iv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Int32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform2iv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Int32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform3iv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Int32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniform4iv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; data:&nbsp; Int32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniformMatrix2fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; transpose:&nbsp; GLboolean,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniformMatrix3fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; transpose:&nbsp; GLboolean,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| uniformMatrix4fv(location:&nbsp; WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp; transpose:&nbsp; GLboolean,&nbsp; data:&nbsp; Float32List,&nbsp; srcOffset?:&nbsp; GLuint,&nbsp; srcLength?:&nbsp; GLuint) | void |
| readPixels(x:&nbsp; GLint,&nbsp; y:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; dstData:&nbsp; ArrayBufferView&nbsp;\|&nbsp;null) | void |
| readPixels(x:&nbsp; GLint,&nbsp; y:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; offset:&nbsp; GLintptr) | void |
| readPixels(x:&nbsp; GLint,&nbsp; y:&nbsp; GLint,&nbsp; width:&nbsp; GLsizei,&nbsp; height:&nbsp; GLsizei,&nbsp; format:&nbsp; GLenum,&nbsp; type:&nbsp; GLenum,&nbsp; dstData:&nbsp; ArrayBufferView,&nbsp; dstOffset:&nbsp; GLuint) | void |
## webgl.WebGLQuery
WebGLQuery
## webgl.WebGLSampler
WebGLSampler
## webgl.WebGLSync
WebGLSync
## webgl.WebGLTransformFeedback
WebGLTransformFeedback
## webgl.WebGLVertexArrayObject
WebGLVertexArrayObject
| Method | Return&nbsp;Value&nbsp;Type |
| -------- | -------- |
| bufferData(target:&nbsp;GLenum,&nbsp;size:&nbsp;GLsizeiptr,&nbsp;usage:&nbsp;GLenum) | void |
| bufferData(target:&nbsp;GLenum,&nbsp;srcData:&nbsp;BufferSource&nbsp;\|&nbsp;null,&nbsp;usage:&nbsp;GLenum) | void |
| bufferSubData(target:&nbsp;GLenum,&nbsp;dstByteOffset:&nbsp;GLintptr,&nbsp;srcData:&nbsp;BufferSource) | void |
| bufferData(target:&nbsp;GLenum,&nbsp;srcData:&nbsp;ArrayBufferView,&nbsp;usage:&nbsp;GLenum,&nbsp;srcOffset:&nbsp;GLuint,&nbsp;length?:&nbsp;GLuint) | void |
| bufferSubData(target:&nbsp;GLenum,&nbsp;dstByteOffset:&nbsp;GLintptr,&nbsp;srcData:&nbsp;ArrayBufferView,&nbsp;srcOffset:&nbsp;GLuint,&nbsp;length?:&nbsp;GLuint) | void |
| texImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pixels:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| texSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pixels:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void |
| texSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| texImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pboOffset:&nbsp;GLintptr) | void |
| texImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| texImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;srcData:&nbsp;ArrayBufferView,&nbsp;srcOffset:&nbsp;GLuint) | void |
| texSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;pboOffset:&nbsp;GLintptr) | void |
| texSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;source:&nbsp;TexImageSource) | void |
| texSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;srcData:&nbsp;ArrayBufferView,&nbsp;srcOffset:&nbsp;GLuint) | void |
| compressedTexImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;imageSize:&nbsp;GLsizei,&nbsp;offset:&nbsp;GLintptr) | void |
| compressedTexImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;internalformat:&nbsp;GLenum,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;border:&nbsp;GLint,&nbsp;srcData:&nbsp;ArrayBufferView,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLengthOverride?:&nbsp;GLuint) | void |
| compressedTexSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;imageSize:&nbsp;GLsizei,&nbsp;offset:&nbsp;GLintptr) | void |
| compressedTexSubImage2D(target:&nbsp;GLenum,&nbsp;level:&nbsp;GLint,&nbsp;xoffset:&nbsp;GLint,&nbsp;yoffset:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;srcData:&nbsp;ArrayBufferView,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLengthOverride?:&nbsp;GLuint) | void |
| uniform1fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform2fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform3fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform4fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform1iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Int32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform2iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Int32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform3iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Int32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniform4iv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;data:&nbsp;Int32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniformMatrix2fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniformMatrix3fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| uniformMatrix4fv(location:&nbsp;WebGLUniformLocation&nbsp;\|&nbsp;null,&nbsp;transpose:&nbsp;GLboolean,&nbsp;data:&nbsp;Float32List,&nbsp;srcOffset?:&nbsp;GLuint,&nbsp;srcLength?:&nbsp;GLuint) | void |
| readPixels(x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;dstData:&nbsp;ArrayBufferView&nbsp;\|&nbsp;null) | void |
| readPixels(x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;offset:&nbsp;GLintptr) | void |
| readPixels(x:&nbsp;GLint,&nbsp;y:&nbsp;GLint,&nbsp;width:&nbsp;GLsizei,&nbsp;height:&nbsp;GLsizei,&nbsp;format:&nbsp;GLenum,&nbsp;type:&nbsp;GLenum,&nbsp;dstData:&nbsp;ArrayBufferView,&nbsp;dstOffset:&nbsp;GLuint) | void |
......@@ -586,7 +586,7 @@ Obtains the size of the element and its position relative to the window.
## createIntersectionObserver<a name="section7425195215615"></a>
createIntersectionObserver\(param?: [ObserverParam](#table143341035121917)\):[Observer](#table4506633141711)
createIntersectionObserver\(param?: ObserverParam):Observer
Gets notified of the visibility of an element on the current page.
......
......@@ -61,8 +61,7 @@ Before creating a project, you need to install DevEco Studio. For details, see
![](figures/en-us_image_0000001148858818.png)
Before the installation, you must configure an application signature. For details, see [Configuring the OpenHarmony App Signature](https://gitee.com/openharmony/docs/blob/master/en/application-dev/quick-start/configuring-the-openharmony-app-signature.md). After the installation is complete, click the **Run** icon on the screen to open the application. **Hello World** is displayed in the center of the screen.
Before the installation, you must configure an application signature. For details, see [Configuring the OpenHarmony App Signature](../quick-start/configuring-openharmony-app-signature.md). After the installation is complete, click the **Run** icon on the screen to open the application. **Hello World** is displayed in the center of the screen.
![](figures/en-us_image_0000001158896538.png)
......@@ -3,7 +3,6 @@
- [应用开发导读](application-dev-guide.md)
- [DevEco Studio(OpenHarmony)使用指南](quick-start/deveco-studio-user-guide-for-openharmony.md)
- [包结构说明](quick-start/package-structure.md)
- [快速入门](quick-start/start.md)
- [Ability框架](ability/Readme-CN.md)
- 方舟开发框架(ArkUI)
- [基于JS扩展的类Web开发范式](ui/ui-arkui-js.md)
......
......@@ -10,7 +10,3 @@
- [配置OpenHarmony应用签名信息](configuring-openharmony-app-signature.md)
- [安装运行OpenHarmony应用](installing-openharmony-app.md)
- [包结构说明](package-structure.md)
- 快速入门
- [开发准备](start-overview.md)
- [使用JS语言开发](start-with-js.md)
- [使用eTS语言开发](start-with-ets.md)
# 开发准备
## 任务说明
本文档适用于应用开发的初学者。通过构建一个简单的具有页面跳转功能的应用(如下图[预览器](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252)运行效果所示),熟悉应用开发流程。
为确保运行效果,本文以使用**DevEco Studio 3.0 Beta2**版本为例,点击[此处](https://developer.harmonyos.com/cn/develop/deveco-studio#download_beta)获取下载链接。
![zh-cn_image_0000001089359413](figures/zh-cn_image_0000001089359413.png)
**表1** 方舟开发框架的对比
| 比较项 | 基于JS扩展的类Web开发范式 | 基于TS扩展的声明式开发范式 |
| -------- | -------- | -------- |
| 语言生态 | JS | eTS |
| 接口方式 | 类Web范式 | 声明式 |
| 执行方式 | 框架层处理,基于数据驱动的UI自动变更 | 框架层处理,基于数据驱动的UI自动变更 |
| 相对优势 | 轻量化,开发更简便 | 极简开发,内存占用更少、运行性能更高 |
接下来,分别使用JS语言、eTS语言实现上述两个页面跳转的功能。
## 开发准备
1. 开始前请参考[配置OpenHarmony SDK](../quick-start/configuring-openharmony-sdk.md),完成**DevEco Studio**的安装和开发环境配置。
2. 开发环境配置完成后,请参考[创建OpenHarmony工程](../quick-start/use-wizard-to-create-project.md)创建工程。
- 使用JS语言开发,模板选择Empty Ability,Language选择JS。
- 使用eTS语言开发,模板选择Empty Ability,Language选择eTS。
3. 工程创建完成后,使用[预览器](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252)运行该工程。
完成上述操作后,请参考[使用JS语言开发](../quick-start/start-with-js.md)[使用eTS语言开发](../quick-start/start-with-ets.md)继续下一步的学习。
# 使用eTS语言开发
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 请使用DevEco Studio V3.0.0.601 Beta1及更高版本。本文以使用**DevEco Studio 3.0 Beta2**版本为例,点击[此处](https://developer.harmonyos.com/cn/develop/deveco-studio#download_beta)获取下载链接。
## 创建eTS工程
1. 打开DevEco Studio,创建一个新工程,选择模板,如Empty Ability:
![zh-cn_image_0000001238733799](figures/zh-cn_image_0000001238733799.png)
2. 进入配置工程界面,Project Type选择Application,Language选择eTS,其他参数根据实际需要设置即可。
![zh-cn_image_0000001238853759](figures/zh-cn_image_0000001238853759.png)
## 编写第一个页面
1. 工程创建完成后,在"Project"窗口,点击entry &gt; src &gt; main &gt; ets &gt; default &gt; pages,打开index.ets文件。
![zh-cn_image_0000001213883165](figures/zh-cn_image_0000001213883165.png)
2. 第一个页面由Flex容器组件、Text组件和Button组件构成。在index.ets中编写并设置页面组件的属性和样式,示例代码如下所示:
```
@Entry
@Component
struct Index {
build() {
//Flex容器组件
Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
//Text组件
Text('Hello World')
.fontSize(60)
.fontWeight(500)
//Button组件
Button('Next')
.fontSize(40)
.fontWeight(500)
.width(280)
.height(60)
}
//容器整体宽高
.width('100%')
.height('100%')
}
}
```
3. 使用[预览器](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252)运行项目,效果如下图所示:
![zh-cn_image_0000001168898456](figures/zh-cn_image_0000001168898456.png)
## 创建第二个页面
1. 在"Project"窗口,打开entry &gt; src &gt; main &gt; ets &gt; default,右键点击pages文件夹,选择NeweTS Page,命名为details,单击回车键。创建完成后,可以看到pages文件夹下的文件目录结构如下:
![zh-cn_image_0000001214043107](figures/zh-cn_image_0000001214043107.png)
2. 第二个页面由Flex容器组件、Text组件构成。在details.ets中编写并设置页面组件的属性和样式,示例代码如下所示:
```
@Entry
@Component
struct Details {
build() {
//Flex容器组件
Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
//Text组件
Text('Hi there')
.fontSize(60)
.fontWeight(500)
}
//容器整体宽高
.width('100%')
.height('100%')
}
}
```
## 实现页面跳转
1. 打开第一个页面的index.ets文件,导入router模块,页面路由router根据页面的uri来找到目标页面,从而实现跳转。示例代码如下:
```
//导入router模块
import router from '@system.router';
@Entry
@Component
struct Index {
build() {
//Flex容器组件
Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
//Text组件
Text('Hello World')
.fontSize(60)
.fontWeight(500)
//Button组件
Button('Next')
.fontSize(40)
.fontWeight(500)
.width(280)
.height(60)
//点击Button实现页面跳转
.onClick(() => { router.push({ uri: 'pages/details' }) })
}
//容器整体宽高
.width('100%')
.height('100%')
}
}
```
2. 再次使用[预览器](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252)运行项目,效果如下图所示:
![zh-cn_image_0000001169221404](figures/zh-cn_image_0000001169221404.png)
恭喜你,至此已成功完成快速入门-使用eTS语言开发。
# 使用JS语言开发(传统代码方式)
为确保运行效果,本文以使用**DevEco Studio 3.0 Beta2**版本为例,点击[此处](https://developer.harmonyos.com/cn/develop/deveco-studio#download_beta)获取下载链接。
## 编写第一个页面
1. 第一个页面内有一个文本和一个按钮,通过text和button组件来实现。
在"Project"窗口,选择entry &gt; src &gt; main &gt; js &gt; default &gt; pages &gt; index,打开index.hml文件,添加一个文本和一个按钮,示例代码如下:
```
<!-- index.hml -->
<div class="container">
<!-- 添加一个文本 -->
<text class="text">
Hello World
</text>
<!-- 添加一个按钮,按钮样式设置为胶囊型,文本显示为Next,绑定launch事件 -->
<button class="button" type="capsule" value="Next" onclick="launch"></button>
</div>
```
2. 打开index.css文件,设置文本和按钮的样式,示例代码如下:
```
/* index.css */
.container {
flex-direction: column; /* 设置容器内的项目纵向排列 */
justify-content: center; /* 设置项目位于容器主轴的中心 */
align-items: center; /* 项目在交叉轴居中 */
width:100%;
height:100%;
}
/* 对class="text"的组件设置样式 */
.text{
font-size: 42px;
}
/* 对class="button"的组件设置样式 */
.button {
width: 240px;
height: 60px;
background-color: #007dff;
font-size: 30px;
text-color: white;
margin-top: 20px;
}
```
3. 使用[预览器](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252)运行项目,效果如下图所示:
![zh-cn_image_0000001167690688](figures/zh-cn_image_0000001167690688.png)
## 创建另一个页面
1. 在"Project"窗口,打开entry &gt; src &gt; main &gt; js &gt; default,右键点击pages文件夹,选择NewJS Page,命名为details,单击回车键。
创建完成后,可以看到pages文件夹下的文件目录结构如下:
![zh-cn_image_0000001167850660](figures/zh-cn_image_0000001167850660.png)
2. 打开details.hml文件,添加一个文本,示例代码如下:
```
<!-- details.hml -->
<div class="container">
<text class="text">
Hi there
</text>
</div>
```
3. 打开details.css文件,设置文本的样式,示例代码如下:
```
/* details.css */
.container {
flex-direction: column;
justify-content: center;
align-items: center;
width:100%;
height:100%;
}
.text {
font-size: 42px;
text-align: center;
}
```
## 实现页面跳转
1. 打开第一个页面的index.js文件,导入router模块,页面路由router根据页面的uri来找到目标页面,从而实现跳转。示例代码如下:
```
// index.js
import router from '@system.router';
export default {
launch() {
router.push ({
uri:'pages/details/details', // 指定要跳转的页面
})
}
}
```
2. 再次使用[预览器](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252)运行项目,效果如下图所示:
![zh-cn_image_0000001213130527](figures/zh-cn_image_0000001213130527.png)
恭喜你,至此已成功完成快速入门-使用JS语言开发。
# 快速入门
- **[开发准备](start-overview.md)**
- **[使用JS语言开发](start-with-js.md)**
- **[使用eTS语言开发](start-with-ets.md)**
\ No newline at end of file
......@@ -20,7 +20,7 @@ Hap包签名工具支持本地签名需求的开发,为OpenHarmony应用提供
- 证书
OpenHarmony采用RFC5280标准构建X509证书信任体系。用于应用签名的OpenHarmony证书按层级可分为:根CA证书、子CA证书、三级实体证书,其中三级实体证书分为应用签名证书和profile签名证书。应用签名证书表示应用开发者的身份,可保证系统上安装的应用来源可追溯,profile签名证书实现对profile文件的签名进行验签,保证profile文件的完整性。
- HAP包
HAP(HarmonyOS Ability Package)是Ability的部署包,OpenHarmony应用代码围绕Ability组件展开,它是由一个或者多个Ability组成。
HAP(OpenHarmony Ability Package)是Ability的部署包,OpenHarmony应用代码围绕Ability组件展开,它是由一个或者多个Ability组成。
- profile文件
hap包中的描述文件,该描述文件描述了已授权的证书权限和设备ID信息等信息。
### 约束与限制
......@@ -354,6 +354,7 @@ java -jar hap-sign-tool.jar sign-app -keyAlias "oh-app1-key-v1" -signAlg "SHA256
## 常见问题
**1.执行[生成应用签名证书](#生成应用签名证书)命令时,控制台打印结果,无文件输出**
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册