firefox - オブジェクトをそのテクスチャでレンダリングすると、後でキャンバスが白くなることがあります

Question

この問題は Firefox 24.0 でのみ発生します:

オブジェクトとそのテクスチャに加えて 2 つのポイント ライトを使用してシーンをレンダリングすると、ほとんどの場合、最初のレンダリングの後、キャンバスが白くなります。

問題は、いくつかのキャンバス (12) を表示すると、それらが同時にすべて白くなることです。

Chrome 30.0.1599.69 m でも IE 10 でもこの問題はありません

Answer 1

同僚のおかげで回避策を見つけました。

実際、Firefox では、再描画またはリフロー中に、Firefox がビデオ カードを処理する方法が原因で、キャンバスが白くなることがあります。

したがって、Three の dom 要素を DOM に直接追加する代わりに、dom に配置される新しいキャンバスを作成し、Three の dom 要素をその上に描画します。

var onscreenCanvas = document.createElement('canvas');
var ctx = onscreenCanvas.getContext('2d');
ctx.drawImage(threeJsDomElement, 0, 0);

一般的な方法よりも少し遅いですが、うまく機能します。