MacOS的Safari和Chrome WebGL的具有显示问题

问题描述：

此外还有一个视频 https://share.vidyard.com/watch/AZyZGJJ4tJvAQDCYiUQD6W与一个封闭的问题。它是这个插件http://3dflipbook.net。通常这个插件运行良好。其他操作系统上未遇到此问题：Windows，Android或iOS。有没有人有任何想法是什么错？

最好的问候，伊万。

[1]：

看起来像无法清除缓冲区。你在调用'context.clear（）'吗？ – Tommy

我没有，THREEJS不需要这个，为什么然后它可以在一些Mac上很好地工作，只有在一对情况下才会失败？ –

假设未清除是实际的问题，我认为WebGL标准根本不指定画布的初始状态。所以它最初可能很清楚，也可能不是。浏览器是正确的，如果他们这样做。尽管如此，所有的猜测仍然是完整的 – Tommy

答

我也遇到了这个bug，只发生在高塞拉利昂的Safari。你有没有用WebKit登录过一个问题？我正要做同样的事情。

不，我还没有登录。 –

答

可以确认Chrome中的WebGL在Mac OSX High Sierra中损坏。我在2011年的MacBook Pro上。

同一台机器上，Firefox的量子能然而

大多数奇

答

此错误发生起到WebGL的，因为WebGL的背景下，我们禁用抗锯齿。如果你回过头来，问题就会消失。可能不是你想要的答案，如果像我们这样做，你在阴影中。来自webkit的人已经解决了他们的问题，并且在Safari的最新技术预览中解决了问题，所以只需等待它即可发布版本

你的意思是我们需要：renderer = new THREE.WebGLRenderer（{antialias：true}）;？ –

不能说three.js，但在正常的webgl反锯齿：true应该是默认值。我们在这里发现最新的High Sierra为我们解决了safari中的问题，因此您现在可能不需要。 –

答

我的一位客户证实，使用抗锯齿解决了问题。因此，以这种方式创建渲染：

var renderer = new THREE.WebGLRenderer({ antialias: true});