Chrome中的Web GL渲染問題58

我們一直在使用Web GL作爲我們的產品之一，直到最後一次更新時，應用程序才能正常工作。Chrome中的Web GL渲染問題58

自從上次更新以來，webgl渲染被推下到左下角，並且場景剪輯僅在屏幕的一小部分中可見。我們不知道爲什麼會發生這種情況，而且我們修復這個問題很重要。

如果有人可以幫助我們解決這個問題，讓它再次正確呈現，那將是一個真正的幫助。

它在Mac和Windows桌面上正常工作，在iPhone上工作正常。它僅存在於chrome android版本58（最新更新）

下面附加的是圖像，第一個是正確的渲染，第二個是錯誤的。

圖像正確

問題圖片

請幫助

PS：我們已經測試了這個在Nexus 6

來源

2017-06-05 Abhishek Venkataram

那些看起來像CSS問題。刪除所有的webgl，並設置畫布的背景'canvas {background：red;看看你是否得到同樣的問題。你也設置[文檔視口]（https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag） – gman

它不是CSS問題，我們嘗試了你的建議，但同樣的問題存在。由於某種原因，渲染只有上面顯示的大小。當我們開始縮放場景時，圖像進入小的渲染區域並被渲染 –

問題是因爲webgl中針對移動設備的緩衝存儲器，行

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

是導致問題的原因之一。

對不能處理抗鋸齒移動設備，只要使用

var renderer = new THREE.WebGLRenderer();

這將解決這個問題。

來源

2017-07-05 15:49:44

Chrome中的Web GL渲染問題58

回答

相關問題