WebGLRenderingContext.blendColor()

The WebGLRenderingContext.blendColor() method of the WebGL API is used to set the source and destination blending factors.

Syntax

JavaScript

Copy Code

<var>void gl.</var>blendColor<var>(red, green, blue, alpha);</var>

red: A GLclampf for the red component in the range of 0 to 1.
green: A GLclampf for the green component in the range of 0 to 1.
blue: A GLclampf for the blue component in the range of 0 to 1.
alpha: A GLclampf for the alpha component (transparency) in the range of 0 to 1.

None.

To set the blend color, use:

JavaScript

Copy Code

gl.blendColor(0, 0.5, 1, 1);

To get the blend color, query the BLEND_COLOR constant which returns a Float32Array.

JavaScript

Copy Code

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.

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

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/api/webglrenderingcontext/blendcolor