The EXT_blend_minmax
extension is part of the WebGL API and extends blending capabilities by adding two new blend equations: the minimum or maximum color components of the source and destination colors.
WebGL extensions are available using the {{domxref("WebGLRenderingContext.getExtension()")}} method. For more information, see also Using Extensions in the WebGL tutorial.
Availability: This extension is only available to {{domxref("WebGLRenderingContext", "WebGL1", "", 1)}} contexts. In {{domxref("WebGL2RenderingContext", "WebGL2", "", 1)}}, the functionality of this extension is available on the WebGL2 context by default. The constants in WebGL2 are gl.MIN
and gl.MAX
.
Constants
This extension adds two new constants:
ext.MIN_EXT
- Produces the minimum color components of the source and destination colors.
ext.MAX_EXT
- Produces the maximum color components of the source and destination colors.
Extended methods
This extension extends {{domxref("WebGLRenderingContext.blendEquation()")}} and {{domxref("WebGLRenderingContext.blendEquationSeparate()")}}:
- The
mode
,modeRGB
andmodeAlpha
parameters now acceptext.MIN_EXT
andext.MAX_EXT
.
Examples
var ext = gl.getExtension("EXT_blend_minmax"); gl.blendEquation(ext.MIN_EXT); gl.blendEquation(ext.MAX_EXT); gl.blendEquationSeparate(ext.MIN_EXT, ext.MAX_EXT);
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('EXT_blend_minmax', '', 'EXT_blend_minmax')}} | {{Spec2('EXT_blend_minmax')}} | Initial definition. |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | {{CompatUnknown}} | {{CompatGeckoDesktop("33.0")}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
See also
- {{domxref("WebGLRenderingContext.getExtension()")}}
- {{domxref("WebGLRenderingContext.blendEquation()")}}
- {{domxref("WebGLRenderingContext.blendEquationSeparate()")}}