WebGL紋理在OSX上的Safari中變爲黑色

Question

我在啓用WebGL的OSX上的Safari中遇到問題。我可以將圖像加載到紋理，但是，每當我嘗試在某些操作後重新繪製紋理時，紋理都會變黑。 Chrome或Firefox中不會出現此問題。我已經在Safari 5.1.9和6.0.4上進行了測試。這是一個小提琴，展示了這個問題。

http://jsfiddle.net/LTz37/1/

的紋理將正確加載，但按「左」或「右」按鈕後，它會變成黑色。

片段引起的問題：

gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([x1, y1, x2, y1, x1, y2, x1, y2, x2, y1, x2, y2]), gl.STATIC_DRAW); 
gl.drawArrays(gl.TRIANGLES, 0, 6); 

Answer 1

這是在Safari中的錯誤（6.0.4）

這裏的測試https://www.khronos.org/registry/webgl/sdk/tests/conformance/state/state-uneffected-after-compositing.html

如果你只是想一個解決方案，重新綁定紋理。否則，在Safari正式發佈WebGL之前，請忽略Safari。 Safari無法執行大量的一致性測試，並且無法運行WebGL而無法解決大量的細微問題。至少從Safari版本6.0.4開始

Answer 2

質地是否需要每一個繪製操作之前約束。下面是更新的繪製（...）功能：

function draw(gl, image, x, y) { 
    gl.bindTexture(gl.TEXTURE_2D, texture); 
    setRectangle(gl, x, y, image.width, image.height); 
    gl.drawArrays(gl.TRIANGLES, 0, 6); 
} 

我更新了小提琴與更新的代碼註釋掉。