WebGLRenderingContext: texParameter[fi]() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

See full compatibility

Note: This feature is available in Web Workers.

The WebGLRenderingContext.texParameter[fi]() methods of the WebGL API set texture parameters.

Syntax

texParameterf(target, pname, param)
texParameteri(target, pname, param)

Parameters

target

A GLenum specifying the binding point (target). Possible values:

gl.TEXTURE_2D: A two-dimensional texture.
gl.TEXTURE_CUBE_MAP: A cube-mapped texture.

When using a WebGL 2 context, the following values are available additionally:

gl.TEXTURE_3D: A three-dimensional texture.
gl.TEXTURE_2D_ARRAY: A two-dimensional array texture.

param

The param parameter is a GLfloat or GLint specifying the value for the specified parameter

pname

The pname parameter is a GLenum specifying the texture parameter to set.

`pname`	Description	`param`
Available in WebGL 1
`gl.TEXTURE_MAG_FILTER`	Texture magnification filter	`gl.LINEAR` (default value), `gl.NEAREST`.
`gl.TEXTURE_MIN_FILTER`	Texture minification filter	`gl.LINEAR`, `gl.NEAREST`, `gl.NEAREST_MIPMAP_NEAREST`, `gl.LINEAR_MIPMAP_NEAREST`, `gl.NEAREST_MIPMAP_LINEAR` (default value), `gl.LINEAR_MIPMAP_LINEAR`.
`gl.TEXTURE_WRAP_S`	Wrapping function for texture coordinate `s`	`gl.REPEAT` (default value), `gl.CLAMP_TO_EDGE`, `gl.MIRRORED_REPEAT`.
`gl.TEXTURE_WRAP_T`	Wrapping function for texture coordinate `t`	`gl.REPEAT` (default value), `gl.CLAMP_TO_EDGE`, `gl.MIRRORED_REPEAT`.
Additionally available when using the `EXT_texture_filter_anisotropic` extension
`ext.TEXTURE_MAX_ANISOTROPY_EXT`	Maximum anisotropy for a texture	A `GLfloat` value.
Additionally available when using a WebGL 2 context
`gl.TEXTURE_BASE_LEVEL`	Texture mipmap level	Any int values.
`gl.TEXTURE_COMPARE_FUNC`	Texture Comparison function	`gl.LEQUAL` (default value), `gl.GEQUAL`, `gl.LESS`, `gl.GREATER`, `gl.EQUAL`, `gl.NOTEQUAL`, `gl.ALWAYS`, `gl.NEVER`.
`gl.TEXTURE_COMPARE_MODE`	Texture comparison mode	`gl.NONE` (default value), `gl.COMPARE_REF_TO_TEXTURE`.
`gl.TEXTURE_MAX_LEVEL`	Maximum texture mipmap array level	Any int values.
`gl.TEXTURE_MAX_LOD`	Texture maximum level-of-detail value	Any float values.
`gl.TEXTURE_MIN_LOD`	Texture minimum level-of-detail value	Any float values.
`gl.TEXTURE_WRAP_R`	Wrapping function for texture coordinate `r`	`gl.REPEAT` (default value), `gl.CLAMP_TO_EDGE`, `gl.MIRRORED_REPEAT`.

Return value

None (undefined).

Examples

gl.texParameterf(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
gl.texParameteri(
  gl.TEXTURE_2D,
  gl.TEXTURE_MIN_FILTER,
  gl.LINEAR_MIPMAP_NEAREST,
);

Specifications

Specification
WebGL Specification # 5.14.8
WebGL 2.0 Specification # 3.7.6

Browser compatibility

api.WebGLRenderingContext.texParameterf

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`texParameterf`	Chrome – Full support Chrome 9 (Release date: 2011-02-03) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 4 (Release date: 2011-03-22) footnote Full support	Opera – Full support Opera 12 (Release date: 2012-06-14) footnote Full support	Safari – Full support Safari 5.1 (Release date: 2011-07-20) footnote Full support	Chrome Android – Full support Chrome Android 25 (Release date: 2013-02-27) footnote Full support	Firefox for Android – Full support Firefox for Android 4 (Release date: 2011-03-29) footnote Full support	Opera Android – Full support Opera Android 12 (Release date: 2012-02-25) footnote Full support	Safari on iOS – Full support Safari on iOS 8 (Release date: 2014-09-17) footnote Full support	Samsung Internet – Full support Samsung Internet 1.5 (Release date: 2013-09-25) footnote Full support	WebView Android – Full support WebView Android 4.4.3 (Release date: 2014-06-02) footnote Full support	WebView on iOS – Full support WebView on iOS 8 (Release date: 2014-09-17) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support

api.WebGLRenderingContext.texParameteri

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`texParameteri`	Chrome – Full support Chrome 9 (Release date: 2011-02-03) footnote Full support	Edge – Full support Edge 12 (Release date: 2015-07-29) footnote Full support	Firefox – Full support Firefox 4 (Release date: 2011-03-22) footnote Full support	Opera – Full support Opera 12 (Release date: 2012-06-14) footnote Full support	Safari – Full support Safari 5.1 (Release date: 2011-07-20) footnote Full support	Chrome Android – Full support Chrome Android 25 (Release date: 2013-02-27) footnote Full support	Firefox for Android – Full support Firefox for Android 4 (Release date: 2011-03-29) footnote Full support	Opera Android – Full support Opera Android 12 (Release date: 2012-02-25) footnote Full support	Safari on iOS – Full support Safari on iOS 8 (Release date: 2014-09-17) footnote Full support	Samsung Internet – Full support Samsung Internet 1.5 (Release date: 2013-09-25) footnote Full support	WebView Android – Full support WebView Android 4.4.3 (Release date: 2014-06-02) footnote Full support	WebView on iOS – Full support WebView on iOS 8 (Release date: 2014-09-17) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support

WebGLRenderingContext: texParameter[fi]() method

Legend

Legend