WebGLRenderingContext.viewport()

void gl.viewport(x, y, width, height);

x

GLint (en-US)，用来设定视口的左下角水平坐标。默认值：0。

y

GLint (en-US)，用来设定视口的左下角垂直坐标。默认值：0。

width

非负数Glsizei (en-US)，用来设定视口的宽度。默认值：canvas 的宽度。

height

非负数Glsizei (en-US)，用来设定视口的高度。默认值：canvas 的高度。

None.

只要宽度或高度有一个为负值，gl.INVALID_VALUE 错误将被抛出。

当你第一次创建 WebGL 上下文的时候，视口的大小将和 canvas 的大小是匹配的。然而，如果你重新改变了 canvas 的大小，你需要告诉 WebGL 上下文设定新的视口。在这里，你可以使用 gl.viewport。

gl.viewport(0, 0, canvas.width, canvas.height);

视口的宽度和高度的设定范围是依赖于底层如何实现的。如果你要获取这个范围，你可以查询MAX_VIEWPORT_DIMS 常量，它将返回 Int32Array。

gl.getParameter(gl.MAX_VIEWPORT_DIMS);
// e.g. Int32Array[16384, 16384]

如果要获取当前的视口，则可以查询VIEWPORT 常量。

gl.getParameter(gl.VIEWPORT);
// e.g. Int32Array[0, 0, 640, 480]

• WebGLRenderingContext.scissor()
• WebGLRenderingContext.getParameter()