Question

我有一个涉及CSS 3D渲染器的三个JS应用程序。我正在使用html2canvas库来截取document.body的截图。

唯一的问题是它会截取除CSS 3D渲染器之外的所有内容。

以下是截取屏幕截图的代码：

window.addEventListener("keyup", function(e){

    //Listen to 'P' key
    if(e.which !== 80) return;

    html2canvas(document.body, {
      onrendered: function(canvas) {
        var img = canvas.toDataURL();
        window.open( img , 'Final' );
      }
    });
});

有关演示，请访问：

http://nobelbrothers.com/test/CanvasShot和http://nobelbrothers.com/CanvasShot

注意：按P进行屏幕截图（您需要关闭弹出窗口阻止程序）。

谢谢

Answer 1

由于file saver js lib

，我实现了此功能

 <script type="text/javascript" src="js/filesaver.js"></script>

window.addEventListener("keyup", function(e){

    //Listen to 'P' key
    if(e.which !== 80) return;
    Render.domElement.toBlob(function(blob) {
        saveAs(blob, "Final");
    });
});

如何在三个JS中截取CSS 3D Renderer？

1 个答案: