The WebGLRenderingContext.clearColor() method of the WebGL API specifies the color values used when clearing color buffers.
This specifies what color values to use when calling the clear() method. The values are clamped between 0 and 1.
void gl.clearColor(red, green, blue, alpha);
redGLclampf specifying the red color value used when the color buffers are cleared. Default value: 0.greenGLclampf specifying the green color value used when the color buffers are cleared. Default value: 0.blueGLclampf specifying the blue color value used when the color buffers are cleared. Default value: 0.alphaGLclampf specifying the alpha (transparency) value used when the color buffers are cleared. Default value: 0.None.
gl.clearColor(1, 0.5, 0.5, 3);
To get the current clear color, query the COLOR_CLEAR_VALUE constant which returns a Float32Array.
gl.getParameter(gl.COLOR_CLEAR_VALUE); // Float32Array[1, 0.5, 0.5, 1]
| Specification | Status | Comment |
|---|---|---|
| WebGL 1.0 The definition of 'clearColor' in that specification. | Recommendation | Initial definition. |
| OpenGL ES 2.0 The definition of 'glClearColor' in that specification. | Standard | Man page of the OpenGL API. |
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 9 | 12 | 4 | 11 | 12 | 5.1 |
| Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
| Basic support | Yes | 25 | Yes | Yes | 11 | 12 | 8.1 |
WebGLRenderingContext.clear()WebGLRenderingContext.clearDepth()WebGLRenderingContext.clearStencil()
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/clearColor