The WebGLRenderingContext.blendColor() method of the WebGL API is used to set the source and destination blending factors.
void gl.blendColor(red, green, blue, alpha);
redGLclampf for the red component in the range of 0 to 1.greenGLclampf for the green component in the range of 0 to 1.GLclampf for the blue component in the range of 0 to 1.GLclampf for the alpha component (transparency) in the range of 0 to 1.None.
To set the blend color, use:
gl.blendColor(0, 0.5, 1, 1);
To get the blend color, query the BLEND_COLOR constant which returns a Float32Array.
gl.getParameter(gl.BLEND_COLOR); // Float32Array[0, 0.5, 1, 1]
| Specification | Status | Comment |
|---|---|---|
| WebGL 1.0 The definition of 'blendColor' in that specification. | Recommendation | Initial definition. |
| OpenGL ES 2.0 The definition of 'glBlendColor' in that specification. | Standard | Man page of the OpenGL API. |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | 9 | 12 | 4 | 11 | 12 | 5.1 |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Yes | 25 | Yes | Yes | 12 | 8.1 | Yes |
© 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/blendColor