WebGLContextAttributes : Object
WebGLContexAttributes
allow you to configure WebGLRenderingContext
creation options when passed as an additional context attributes parameter to HTMLCanvasElement.getContext()
. Any JavaScript object can be used as the WebGLContextAttributes
and if the properties below are specified on it, they will be used instead of the default values. Only the options passed to the first call to getContext
will apply, subsequent calls will ignore the attributes.Instance Properties
If set to true
, the context will have an alpha (transparency) channel. Defaults to true
.
If set to true
, the context will attempt to perform antialiased rendering if possible. Defaults to true
.
If set to true
, the context will have a 16 bit depth buffer. Defaults to true
. Use gl.enable(DEPTH_TEST)
to enable the depth test and gl.depthFunc()
, gl.depthMask()
, and gl.depthRange()
to configure the depth test.
If set to true
, the color channels in the framebuffer will be stored premultipled by the alpha channel to improve performance. Defaults to true
.
If set to false
, the buffer will be cleared after rendering. If you wish to use canvas.toDataURL()
, you will either need to draw to the canvas immediately before calling toDataURL()
, or set preserveDrawingBuffer
to true to keep the buffer available after the browser has displayed the buffer (at the cost of increased memory use). Defaults to false
.
If set to true
, the context will have an 8 bit stencil buffer. Defaults to false
. Use gl.enable(STENCIL_TEST)
to enable depth test and gl.stencilFunc()
, gl.stencilFuncSeparate()
, gl.stencilMask()
, gl.stencilMaskSeparate()
, gl.stencilOp()
, and gl.stencilOpSeparate()
to configure the stencil test.