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

  • 12
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

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

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

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

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

参考