The WebGLRenderingContext.drawArrays()
method of the WebGL API renders primitives from array data.
Syntax
void gl.drawArrays(mode, first, count);
Parameters
mode
- A
GLenum
specifying the type primitive to render. Possible values are:gl.POINTS
: Draws a single dot.gl.LINE_STRIP
: Draws a straight line to the next vertex.gl.LINE_LOOP
: Draws a straight line to the next vertex, and connects the last vertex back to the first.gl.LINES
: Draws a line between a pair of vertices.gl.TRIANGLE_STRIP
gl.TRIANGLE_FAN
gl.TRIANGLES
: Draws a triangle for a group of three vertices.
- first
- A
GLint
specifying the starting index in the array of vector points. - count
- A
GLsizei
specifying the number of indices to be rendered.
Return value
None.
Exceptions
- If
mode
is not one of the accepted values, agl.INVALID_ENUM
error is thrown. - If
first
orcount
are negative, agl.INVALID_VALUE
error is thrown. - if
gl.CURRENT_PROGRAM
isnull
, agl.INVALID_OPERATION
error is thrown.
Examples
gl.drawArrays(gl.POINTS, 0, 8);
Specifications
Specification | Status | Comment |
---|---|---|
WebGL 1.0 The definition of 'drawArrays' in that specification. |
Recommendation | Initial definition. |
OpenGL ES 2.0 The definition of 'glDrawArrays' in that specification. |
Standard | Man page of the OpenGL API. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Feature | Chrome | Firefox | Edge | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic Support | 9 | 4.0 | 12 | 11 | 12 | 5.1 |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support | (Yes) | 25 | (Yes) | (Yes) | 11 | 12 | 8.1 |