W3cubDocs

/Web APIs

WebGLRenderingContext: blendColor() method

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

Syntax

js

blendColor(red, green, blue, alpha)

Parameters

red

A GLclampf for the red component in the range of 0 to 1. Default value is 0.

green

A GLclampf for the green component in the range of 0 to 1. Default value is 0.

blue

A GLclampf for the blue component in the range of 0 to 1. Default value is 0.

alpha

A GLclampf for the alpha component (transparency) in the range of 0. to 1. Default value is 0.

Return value

None (undefined).

Examples

To set the blend color, use:

js

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

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

js

gl.getParameter(gl.BLEND_COLOR);
// Float32Array[0, 0.5, 1, 1]

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
blendColor 9 12 4 11 12 5.1 4.4.3 25 4 12 8 1.5

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/blendColor