Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Three.js 使用节点的WebGL上下文_Three.js_Webgl - Fatal编程技术网

Three.js 使用节点的WebGL上下文

Three.js 使用节点的WebGL上下文,three.js,webgl,Three.js,Webgl,我正在构建一个节点应用程序,我有一个3.js动画运行良好。 现在我想编写一个脚本来检测是否存在webGLcontext,但我不知道从哪里或如何获取画布的上下文 以下是我试图做的: window.addEventListener("load", () => { let paragraph = document.getElementById("verifWebGL"); let canvas = document.getElementById(

我正在构建一个节点应用程序,我有一个3.js动画运行良好。 现在我想编写一个脚本来检测是否存在webGLcontext,但我不知道从哪里或如何获取画布的上下文

以下是我试图做的:

window.addEventListener("load", () => {

  let paragraph = document.getElementById("verifWebGL");
  let canvas = document.getElementById("renderCanvas");
  let glG = window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ));

  if (glG) {
    paragraph.textContent = "Ça se passe juste en dessous.";
    lancer = true;
  }
  else {
    paragraph.textContent = "Vous ne pourrez pas lancer de dé avec ce navigateur."
    +" Veuillez reesayer avec Google Chrome ou Mozilla Firefox.";
    lancer = false;
  }
}
但这是行不通的。 我尝试只使用画布,但也不起作用。 我知道我有一个上下文,因为动画正在运行。 但在chrome范围内,“glG”仍然为空。
有什么想法吗?

您可以这样获得渲染器的WebGL上下文:

const context=renderer.getContext();