The WebGLBuffer interface is part of the WebGL API and represents an opaque buffer object storing data such as vertices or colors.
Description
The WebGLBuffer object does not define any methods or properties of its own and its content is not directly accessible. When working with WebGLBuffer objects, the following methods of the WebGLRenderingContext are useful:
WebGLRenderingContext.bindBuffer()WebGLRenderingContext.createBuffer()WebGLRenderingContext.deleteBuffer()WebGLRenderingContext.isBuffer()
Examples
Creating a buffer
var canvas = document.getElementById('canvas');
var gl = canvas.getContext('webgl');
var buffer = gl.createBuffer();
Specifications
| Specification | Status | Comment |
|---|---|---|
| WebGL 1.0 The definition of 'WebGLBuffer' in that specification. |
Recommendation | Initial definition. |
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 | Edge | Firefox | Internet Explorer | Opera | Safari | Servo |
|---|---|---|---|---|---|---|---|
| Basic Support | 9 | 12 | 4.0 | 11 | 12 | 5.1 | No support |
| Available in workers | No support | No support | No support1 | No support | No support | No support | No support |
| Feature | Android | Chrome for Android | Edge Mobile | Firefox for Android | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Basic Support | (Yes) | 25 | No support | (Yes) | 11 | 12 | 8.1 |
| Available in workers | No support | No support | No support | No support | No support | No support | No support |
1. This feature is experimentally implemented since Firefox 44; to activate it, in about:config, set gfx.offscreencanvas.enabled to true