使用节点的 WebGL 上下文答案

【问题标题】：WebGL context using node使用节点的 WebGL 上下文
【发布时间】：2020-08-26 21:37:52
【问题描述】：

我正在构建一个 Node 应用程序，并且我的 Three.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”仍然为空。有什么想法吗？

【问题讨论】：

标签： three.js webgl

【解决方案1】：

您可以像这样获取渲染器的 WebGL 上下文：

const context = renderer.getContext();

【讨论】：