webgl在three.js中渲染后的toDataUrl

Question

我正在使用此库Photo Sphere Viewer来“导航”360图像。我希望能够按下按钮拍摄视图的2d快照。 我读过在不使用toDataUrl('image/png')标志的情况下，在three.js中渲染后，无法在webgl上下文中使用preserveDrawingBuffer保存图像。

这是我的小脚本：

$('#capture').on('click', function(e) {
 e.preventDefault();
 var element = document.getElementsByTagName('canvas')[0];
 var img = element.toDataURL("image/png");
});

这将保存基础：64图像。我的问题是： 有没有硬编码库的解决方法（ preserveDrawingBuffer: true ）。

我不会改变这一点，主要是因为我读到这将会降低性能。

提前致谢