错误:该浏览器不支持WebGL

5

您好,我正在尝试使用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>

我通过使用旧版本来解决了这个问题,但我真的很想知道如何使用当前版本来解决它。 - charozoid
你使用的是哪个浏览器? - chandan_kr_jha
1个回答

1

更新

我认为您需要按照以下方式更新pixi.js设置ref1 ref2

PIXI.settings.FAIL_IF_MAJOR_PERFORMANCE_CAVEAT = false;

请注意,浏览器现在默认支持低性能。因此,它可能会限制当前页面的渲染,这可能需要高性能。您可以跟进failIfMajorPerformanceCaveat,需要在上下文中传递,或者您可以按以下方式强制浏览器设置:
对于Firefox:
  1. 转到about:config,搜索webgl.disabled,确保其值为false
  2. 转到about:config,搜索webgl.force-enabled,将其设置为true
  3. 转到about:config,搜索layers.acceleration.force-enabled,将其设置为true
  4. 重新启动Firefox。
我不太确定Chrome的配置。

1
对于Chrome的配置,您可以在chrome://gpu中进行检查。您要查找的是WebGL/WebGL2。如果硬件加速关闭(或仅软件),则可以在“设置>高级>系统>使用硬件加速”下切换开/关。一个注意事项是,如果您在虚拟机中进行此操作,则Chrome将受到虚拟机上是否启用了3D加速的限制。 - oooyaya

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接