MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

WebGLRenderingContext.bindFramebuffer()

这篇翻译不完整。请帮忙从英语翻译这篇文章

WebGL API 的 WebGLRenderingContext.bindFramebuffer() 方法将给定的 WebGLFramebuffer 绑定到目标。

语法

void gl.bindFramebuffer(target, framebuffer);

参数

target
GLenum 指定绑定点(目标)。可能的值为:
  • gl.FRAMEBUFFER: 收集用于渲染图像的颜色,alpha,深度和模板缓冲区的缓冲区数据存储。
  • 当使用 WebGL 2 context 时,可以使用以下值:
    • gl.DRAW_FRAMEBUFFER: 相当于gl.FRAMEBUFFER, 用作绘图,渲染,清除和写入操作的目的地。
    • gl.READ_FRAMEBUFFER: 用作阅读操作的来源。
framebuffer
要绑定的 WebGLFramebuffer 对象。

返回值

None.

异常

如果目标不是 gl.FRAMEBUFFER ,gl.DRAW_FRAMEBUFFER 或 gl.READ_FRAMEBUFFER ,则抛出 gl.INVALID_ENUM 错误。

示例

绑定帧缓冲区

var canvas = document.getElementById('canvas');
var gl = canvas.getContext('webgl');
var framebuffer = gl.createFramebuffer();

gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);

获取当前绑定

要检查当前帧缓冲区绑定,请查询 FRAMEBUFFER_BINDING 常量。

gl.getParameter(gl.FRAMEBUFFER_BINDING);

规范

Specification Status Comment
WebGL 1.0
bindFramebuffer
Recommendation Initial definition for WebGL.
OpenGL ES 2.0
glBindFramebuffer
Standard Man page of the OpenGL API.
WebGL 2.0
bindFrameBuffer
Editor's Draft Updated definition for WebGL 2.
Adds: gl.DRAW_FRAMEBUFFER and gl.READ_FRAMEBUFFER
OpenGL ES 3.0
glBindFramebuffer
Standard Man page of the (similar) OpenGL ES 3 API.

浏览器兼容性

Feature Chrome Edge Firefox Internet Explorer Opera Safari Servo
Basic Support9124.011125.1No support
WebGL256No support51.0No support43No supportNo support
Feature Android Chrome for Android Edge Mobile Firefox for Android IE Mobile Opera Mobile Safari Mobile
Basic Support(Yes)25(Yes)4.011128.1
WebGL2No supportNo support(Yes)51.0No supportNo supportNo support

另见

文档标签和贡献者

 此页面的贡献者: C0DE_MONKEY
 最后编辑者: C0DE_MONKEY,