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登錄過一個問題？我正要做同樣的事情。

2017-11-07 09:27:51

不，我還沒有登錄。 –

可以確認Chrome中的WebGL在Mac OSX High Sierra中損壞。我在2011年的MacBook Pro上。

同一臺機器上，Firefox的量子能然而

大多數奇

2017-11-22 11:46:33

此錯誤發生起到WebGL的，因爲WebGL的背景下，我們禁用抗鋸齒。如果你回過頭來，問題就會消失。可能不是你想要的答案，如果像我們這樣做，你在陰影中。來自webkit的人已經解決了他們的問題，並且在Safari的最新技術預覽中解決了問題，所以只需等待它即可發佈版本

2017-11-24 14:16:38

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

不能說three.js，但在正常的webgl反鋸齒：true應該是默認值。我們在這裏發現最新的High Sierra爲我們解決了safari中的問題，因此您現在可能不需要。 –

我的一位客戶證實，使用抗鋸齒解決了問題。因此，以這種方式創建渲染：

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

2017-12-13 08:07:19

回答