three.js中的DataURI圖像紋理在Firefox中不起作用

我使用three.js來做一些地質在線交互建模，並且已經使用Canvas元素創建圖像URI（輸出爲：data：image/PNG; BASE64，）。three.js中的DataURI圖像紋理在Firefox中不起作用

在Chrome，Firefox和Safari中圖像創建工作正常，但使用three.js中的圖像作爲紋理的未在Firefox中顯示。

我可以展示的最簡單的演示是通過更改three.js示例的一行，替換dataURI的圖像URL，並將其用作紋理。

http://visiblegeology.com/renderingProblem/

這工作正常，我在Chrome和Safari，只是沒有在Firefox中顯示出來。

我想知道是否有人有任何建議，變通或想法。

感謝您的幫助，

羅文

來源

2011-12-15 Rowan

我使用普通的img標籤檢查。它在Firefox中以這種方式工作。所以這個問題似乎是three.js和數據uri的結合。

此示例通過mrdoob無法在Firefox工作之一：http://mrdoob.github.com/three.js/examples/webgl_particles_shapes.html

幾點建議：

檢查，如果你使用的是最新的三個代碼。
嘗試刪除數據uri的最後等號。它用於填充，可能不是必需的。
嘗試禁用您的附加功能，一個接一個，因爲它們可能會干擾以及

來源

2011-12-15 22:36:25

我來到了同樣的結論。我剛剛用新圖像替換了材質貼圖中的圖像標籤： 'var imag = new Image（）; imag.src = base64_URI; scene.objects [index] .material.map.image = imag; scene.objects [index] .material.map.needsUpdate = true;' 現在在firefox中工作，但有時會出錯。 – Rowan 2011-12-18 23:36:28

three.js中的DataURI圖像紋理在Firefox中不起作用

回答

相關問題