360°パノラマ写真をtoDataURL()でキャプチャするにはどうしたらいいですか？

Question

現在pannellum.jsを使用して360°パノラマ写真を表示させるサイトを作成しています。
canvasのスクリーンショットを撮りたいと思い、toDataURL()を使って画像の保存をしたいのですが、
真っ黒な画像しか返ってきません。

真っ黒な画像しか返ってこないのはなぜでしょうか？
表示中の画面をキャプチャするにはどうしたらいいでしょうか？

function screenShot() {
  var canvas = document.getElementById('pCanvas');
  var img = canvas.toDataURL('image/jpeg');
  a = document.createElement('a');
  a.href = img;
  a.download = 'screenshot.jpg';
  $('#ss').append(a);
  var event = document.createEvent( "MouseEvents" );
  event.initEvent("click", false, true);
  a.dispatchEvent(event);
}

Comments

[Lhankor_Mhy]

コードをご提示ください。

[azuapricot]

https://github.com/mpetroff/pannellum/issues/448

↑なんかにたような内容の質問があるっていうのを提示