The WebGLRenderingContext.texParameter[fi]() methods of the WebGL API set texture parameters.
Syntax
void gl.texParameterf(GLenum target, GLenum pname, GLfloat param); void gl.texParameteri(GLenum target, GLenum pname, GLint param);
Parameters
- target
- A
GLenumspecifying 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.
The pname parameter is a Glenum specifying the texture parameter to set. The param parameter is a GLfloat or GLint specifying the value for the specified parameter pname.
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.
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 | Status | Comment |
|---|---|---|
| WebGL 1.0 The definition of 'texParameter[fi]' in that specification. |
Recommendation | Initial definition for WebGL. |
| OpenGL ES 2.0 The definition of 'glTexParameter' in that specification. |
Standard | Man page of the (similar) OpenGL ES 2.0 API. |
| WebGL 2.0 The definition of 'texParameter[fi]' in that specification. |
Editor's Draft | Updated definition for WebGL. |
| OpenGL ES 3.0 The definition of 'glTexParameter' in that specification. |
Standard | Man page of the (similar) OpenGL ES 3.0 API. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Feature | Chrome | Firefox | Edge | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic Support | 9 | 4.0 | 12 | 11 | 12 | 5.1 |
WebGL2 | 56 | 51.0 | (No) | (No) | 43 | (No) |
| Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
| Basic Support | (Yes) | 25 | (Yes) | (Yes) | 11 | 12 | 8.1 |
WebGL2 | (No) | (No) | (No) | 51.0 | (No) | (No) | (No) |