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.0The definition of 'drawArrays' in that specification. | Recommendation | Initial definition. |
OpenGL ES 2.0The 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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
drawArrays
|
Chrome
Full support 9 |
Edge
Full support 12 |
Firefox
Full support 4 |
IE
Full support 11 |
Opera
Full support 12 |
Safari
Full support 5.1 |
WebView Android
Full support Yes |
Chrome Android
Full support 25 |
Firefox Android
Full support Yes |
Opera Android
Full support 12 |
Safari iOS
Full support 8 |
Samsung Internet Android
Full support 1.5 |
Legend
- Full support
- Full support
See also
WebGLRenderingContext.drawElements()
ext.drawArraysInstancedANGLE()
ext.drawElementsInstancedANGLE()
ext.vertexAttribDivisorANGLE()
WebGL2RenderingContext.drawArraysInstanced()
WebGL2RenderingContext.drawElementsInstanced()
WebGL2RenderingContext.vertexAttribDivisor()
WebGLRenderingContext.drawArrays() by Mozilla Contributors is licensed under CC-BY-SA 2.5.