function showNeedWebGL( canvas ) {

		const doc = canvas.ownerDocument;
		if ( doc ) {

			const temp = doc.createElement( 'div' );
			temp.innerHTML = `
        <div style="
          position: absolute;
          left: 0;
          top: 0;
          background-color: #DEF;
          width: 100%;
          height: 100%;
          display: flex;
          flex-flow: column;
          justify-content: center;
          align-content: center;
          align-items: center;
        ">
          <div style="text-align: center;">
            It doesn't appear your browser supports WebGL.<br/>
            <a href="http://get.webgl.org" target="_blank">Click here for more information.</a>
          </div>
        </div>
      `;
			const div = temp.querySelector( 'div' );
			doc.body.appendChild( div );

		}

	}
Creates a webgl context. If creation fails it will
change the contents of the container of the <canvas>
tag to an error message with the correct links for WebGL.
@param {HTMLCanvasElement} canvas. The canvas element to
    create a context from.
@param {WebGLContextCreationAttributes} opt_attribs Any
    creation attributes you want to pass in.
@return {WebGLRenderingContext} The created context.
@memberOf module:webgl-utils