The WebGLRenderingContext.blendColor() method of the WebGL API is used to set the source and destination blending factors.
Syntax
void gl.blendColor(red, green, blue, alpha);
Parameters
red- A
GLclampffor the red component in the range of 0 to 1. green- A
GLclampffor the green component in the range of 0 to 1. - blue
- A
GLclampffor the blue component in the range of 0 to 1. - alpha
- A
GLclampffor the alpha component (transparency) in the range of 0 to 1.
Return value
None.
Examples
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]
Specifications
| 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. |
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 |