The WebGLRenderingContext.drawArrays() method of the WebGL API renders primitives from array data.
Syntax
void gl.drawArrays(mode, first, count);
Parameters
mode- A
GLenumspecifying 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_STRIPgl.TRIANGLE_FANgl.TRIANGLES: Draws a triangle for a group of three vertices.
- first
- A
GLintspecifying the starting index in the array of vector points. - count
- A
GLsizeispecifying the number of indices to be rendered.
Return value
None.
Exceptions
- If
modeis not one of the accepted values, agl.INVALID_ENUMerror is thrown. - If
firstorcountare negative, agl.INVALID_VALUEerror is thrown. - if
gl.CURRENT_PROGRAMisnull, agl.INVALID_OPERATIONerror 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.