在此页

• 常量
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

WEBGL_compressed_texture_s3tc 扩展属于 WebGL API and exposes four S3TC compressed texture formats .

Compressed textures reduce the amount of memory needed to store a texture on the GPU, allowing for higher resolution textures or more of the same resolution textures.

WebGL extensions are available using the WebGLRenderingContext.getExtension() method. For more information, see also 使用扩展 在 WebGL 教程 .

可用性： This extension is available to both, WebGL1 and WebGL2 上下文。

常量

The compressed texture formats are exposed by four constants and can be used in two functions: compressedTexImage2D() and compressedTexSubImage2D() .

ext.COMPRESSED_RGB_S3TC_DXT1_EXT

A DXT1-compressed image in an RGB image format.

ext.COMPRESSED_RGBA_S3TC_DXT1_EXT

A DXT1-compressed image in an RGB image format with a simple on/off alpha value.

ext.COMPRESSED_RGBA_S3TC_DXT3_EXT

A DXT3-compressed image in an RGBA image format. Compared to a 32-bit RGBA texture, it offers 4:1 compression.

ext.COMPRESSED_RGBA_S3TC_DXT5_EXT

A DXT5-compressed image in an RGBA image format. It also provides a 4:1 compression, but differs to the DXT3 compression in how the alpha compression is done.

范例

var ext = (
  gl.getExtension('WEBGL_compressed_texture_s3tc') ||
  gl.getExtension('MOZ_WEBGL_compressed_texture_s3tc') ||
  gl.getExtension('WEBKIT_WEBGL_compressed_texture_s3tc')
);
var texture = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, texture);
gl.compressedTexImage2D(gl.TEXTURE_2D, 0, ext.COMPRESSED_RGBA_S3TC_DXT5_EXT, 512, 512, 0, textureData);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
					

规范

规范	状态	注释
WEBGL_compressed_texture_s3tc The definition of 'WEBGL_compressed_texture_s3tc' in that specification.	推荐	初始定义。

浏览器兼容性

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.

更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
WEBGL_compressed_texture_s3tc	Chrome Yes Yes Yes Prefixed Prefixed Implemented with the vendor prefix: WEBKIT_	Edge ≤18	Firefox 22 22 不支持 15 — 58 Prefixed Prefixed Implemented with the vendor prefix: MOZ_	IE ?	Opera Yes Yes Yes Prefixed Prefixed Implemented with the vendor prefix: WEBKIT_	Safari ?	WebView Android Yes Yes Yes Prefixed Prefixed Implemented with the vendor prefix: WEBKIT_	Chrome Android Yes Yes Yes Prefixed Prefixed Implemented with the vendor prefix: WEBKIT_	Firefox Android ?	Opera Android Yes Yes Yes Prefixed Prefixed Implemented with the vendor prefix: WEBKIT_	Safari iOS ?	Samsung Internet Android Yes Yes Yes Prefixed Prefixed Implemented with the vendor prefix: WEBKIT_

图例

完整支持

完整支持

兼容性未知 ?

兼容性未知

要求使用供应商前缀或不同名称。

要求使用供应商前缀或不同名称。

另请参阅

• S3 Texture Compression – OpenGL wiki
• WebGLRenderingContext.getExtension()
• WebGLRenderingContext.compressedTexImage2D()
• WebGLRenderingContext.compressedTexSubImage2D()
• WebGLRenderingContext.getParameter()

元数据

• 最后修改： 2019 年 3 月 23 日

相关话题

1. WebGL API
2. WEBGL_compressed_texture_s3tc
3. WebGL 相关页面

   1. ANGLE_instanced_arrays
   2. EXT_blend_minmax
   3. EXT_color_buffer_half_float
   4. EXT_disjoint_timer_query
   5. EXT_frag_depth
   6. EXT_sRGB
   7. EXT_shader_texture_lod
   8. EXT_texture_filter_anisotropic
   9. OES_element_index_uint
   10. OES_standard_derivatives
   11. OES_texture_float
   12. OES_texture_float_linear
   13. OES_texture_half_float
   14. OES_texture_half_float_linear
   15. OES_vertex_array_object
   16. WEBGL_color_buffer_float
   17. WEBGL_compressed_texture_atc
   18. WEBGL_compressed_texture_etc1
   19. WEBGL_compressed_texture_pvrtc
   20. WEBGL_compressed_texture_s3tc_srgb
   21. WEBGL_debug_renderer_info
   22. WEBGL_debug_shaders
   23. WEBGL_depth_texture
   24. WEBGL_draw_buffers
   25. WEBGL_lose_context
   26. WebGL2RenderingContext
   27. WebGLActiveInfo
   28. WebGLBuffer
   29. WebGLContextEvent
   30. WebGLFramebuffer
   31. WebGLObject
   32. WebGLProgram
   33. WebGLQuery
   34. WebGLRenderbuffer
   35. WebGLRenderingContext
   36. WebGLSampler
   37. WebGLShader
   38. WebGLShaderPrecisionFormat
   39. WebGLSync
   40. WebGLTexture
   41. WebGLTransformFeedback
   42. WebGLUniformLocation
   43. WebGLVertexArrayObject