【问题标题】:Uncaught Error: WebGL unsupported in this browser未捕获的错误:此浏览器不支持 WebGL
【发布时间】:2021-01-14 23:10:28
【问题描述】:

您好,我正在尝试使用 PixiJS 在我的浏览器中呈现内容,但我不断收到一个非常烦人的错误:

Uncaught Error: WebGL unsupported in this browser, use "pixi.js-legacy" for fallback canvas2d support.

我的浏览器支持 WebGL:https://i.gyazo.com/8e55f75c74dd738c55d646bce3cdc294.png

这是我非常简单的 js:

let app = new PIXI.Application({width: 800, height: 800});
document.body.appendChild(app);

还有我的html:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<script src="pixi.min.js"></script>
<script src="chess.js"></script>

<body>

</body>
</html>

【问题讨论】:

  • 我使用旧版本修复了它,但我真的很想知道如何使用当前版本修复它。
  • 你用的是哪个浏览器?

标签: javascript pixi.js


【解决方案1】:

更新

我认为你需要更新 pixi.js 设置如下ref1ref2:

PIXI.settings.FAIL_IF_MAJOR_PERFORMANCE_CAVEAT = false;

请注意,浏览器现在默认支持低性能。因此它可能会限制当前页面呈现可能需要高性能的 3d。您可以跟进需要在上下文中传递的failIfMajorPerformanceCaveat,或者您可以强制浏览器设置如下:

所以

火狐

  1. 进入about:config,搜索webgl.disabled,确保其值为false
  2. 转到 about:config,搜索 webgl.force-enabled,将其设置为 true
  3. 进入about:config,搜索layers.acceleration.force-enabled,设置为true
  4. 重新启动您的 Firefox。

我不太确定 chrome 配置。

【讨论】:

  • 对于 Chrome 配置,您可以在chrome://gpu 进行检查。您正在寻找 WebGL / WebGL2。如果硬件加速关闭(或仅软件),则可以在Settings &gt; Advanced &gt; System &gt; Use Hardware Acceleration 下打开/关闭它。需要注意的是,如果您在 VM 中执行此操作,Chrome 将受限于您是否已在 VM 上启用 3D 加速。
猜你喜欢
  • 2017-06-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-16
  • 1970-01-01
  • 1970-01-01
  • 2016-09-22
  • 2021-04-07
相关资源
最近更新 更多