WebGL
canvas
3D

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

More than 5 years have passed since last update.

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

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

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

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

参考