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

!15470 翻译完成:14376 webgl添加说明

Merge pull request !15470 from wusongqing/TR14376
...@@ -9,11 +9,13 @@ This module provides WebGL APIs that correspond to the OpenGL ES 2.0 feature set ...@@ -9,11 +9,13 @@ This module provides WebGL APIs that correspond to the OpenGL ES 2.0 feature set
> 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. > 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.
> >
> WebGL complies with the OpenGL protocol and does not support multi-thread calling. > WebGL complies with the OpenGL protocol and does not support multi-thread calling.
>
> This module can be used only in the JavaScript-compatible web-like development paradigm.
## Invoking Method ## Invoking Method
Create a **<canvas\>** component in the HML file. The following is an example: Create a **\<canvas>** component in the HML file. The following is an example:
```html ```html
...@@ -24,7 +26,7 @@ Create a **<canvas\>** component in the HML file. The following is an example: ...@@ -24,7 +26,7 @@ Create a **<canvas\>** component in the HML file. The following is an example:
</div> </div>
``` ```
Obtain the **<canvas\>** component instance in the JS file. The following is an example: Obtain the **\<canvas>** component instance in the JS file. The following is an example:
```js ```js
......
...@@ -9,11 +9,13 @@ This module provides WebGL APIs that correspond to the OpenGL ES 3.0 feature set ...@@ -9,11 +9,13 @@ This module provides WebGL APIs that correspond to the OpenGL ES 3.0 feature set
> 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. > 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.
> >
> WebGL2 complies with the OpenGL protocol and does not support multi-thread calling. > WebGL2 complies with the OpenGL protocol and does not support multi-thread calling.
>
> This module can be used only in the JavaScript-compatible web-like development paradigm.
## Invoking Method ## Invoking Method
Create a **<canvas\>** component in the HML file. The following is an example: Create a **\<canvas>** component in the HML file. The following is an example:
```html ```html
...@@ -24,7 +26,7 @@ Create a **<canvas\>** component in the HML file. The following is an example: ...@@ -24,7 +26,7 @@ Create a **<canvas\>** component in the HML file. The following is an example:
</div> </div>
``` ```
Obtain the **<canvas\>** component instance in the JS file. The following is an example: Obtain the **\<canvas>** component instance in the JS file. The following is an example:
```js ```js
......
...@@ -4,6 +4,10 @@ ...@@ -4,6 +4,10 @@
WebGL helps you process graphics at the frontend, for example, drawing color graphics. WebGL helps you process graphics at the frontend, for example, drawing color graphics.
> **NOTE**
>
> WebGL can be used only in the JavaScript-compatible web-like development paradigm.
## Available APIs ## Available APIs
...@@ -696,6 +700,7 @@ To use WebGL to draw a color triangle (GPU drawing), perform the following steps ...@@ -696,6 +700,7 @@ To use WebGL to draw a color triangle (GPU drawing), perform the following steps
} }
``` ```
**Figure 2** Effect of clicking the button to draw a color triangle **Figure 2** Effect of clicking the button to draw a color triangle
![en-us_image_0000001192429306](figures/en-us_image_0000001192429306.gif) ![en-us_image_0000001192429306](figures/en-us_image_0000001192429306.gif)
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册