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
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 9 | 4.0 (2.0) | 11 | 12 | 5.1 |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | ? | 25 | (Yes) | ? | 12 | 8.1 |