WebGLでレンダリングしたものをキャプチャする

WebGLでレンダリングしているcanvas要素から、toDataURL()メソッドでキャプチャが取れなかったのでメモ。

オプションのpreserveDrawingBuffeをtrueにする。

var context = canvas.getContext("experimental-webgl", {preserveDrawingBuffer: true});

ただ、これを使ってもcanvas 2DにdrawImageしてもキャプチャが表示されなかった。
（new Image()で生成したimgのsrcに設定すると表示はされた）

参考

• http://asalga.wordpress.com/2011/08/01/using-webgl-readpixels-turn-on-preservedrawingbuffer/