使用html2canvas拍摄包含画布图和three.js场景的屏幕截图

Question

我将画布图画叠加到Three.js场景上。使用html2canvas库，我想创建一个图像，捕获画布图和出现在Three.js场景中的对象。

在渲染了There.js场景之后，我尝试了这种模式：

// Take the screenshot
$(window).load(function() {
    $("#snapshotBtn").click(function () {
        html2canvas(document.body, {
            onrendered: function (canvas) {
                var imgSrc = canvas.toDataURL();
                var popup = window.open(imgSrc);
            }
        });
    });
});

但我得到的只是画布画和一个黑色方块，其中Three.js场景将是（屏幕上没有Three.js对象）。

我还有什么需要做的，或者添加到我的Three.js代码中，这样做吗？

这是一个小提琴：http://jsfiddle.net/jmg157/msmkbfyu/

谢谢！