javascript - ejemplos - Captura de pantalla de Three.js

screenshot jquery

Question

Necesito hacer una captura de pantalla del sitio web. Intenté usar html2canvas y todo y está funcionando. Pero el problema es que estoy usando THREE.WebGLRenderer y THREE.CSS3DRenderer (para html en webgl) ... Así que cuando hago una captura de pantalla solo crea imágenes de WebGLRenderer. Se ignora CSS3DRenderer y no sé cómo hacer una imagen de captura de pantalla de ambos procesadores. Estoy usando esta solución: tome una captura de pantalla de <cuerpo> con html2canvas y almacene img como JS var

Answer 1

Implementé esta característica gracias al protector de archivos js lib

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

$("#btn_print").click(function() {
    Render.domElement.toBlob(function(blob) {
        saveAs(blob, "Final");
    });
});

Espero que esto ayude !

Answer 2

Intente comprender el código de esta extensión de pantalla de Chrome Captura de pantalla . Puede encontrar el código en ~ / .config / chromium / Default / Extensions / <extention_id_in_link> después de instalarlo.

Utiliza chrome.tabs.captureVisibleTab . Consulte la documentación. Como es una API proporcionada por el navegador Chrome para interactuar con sus pestañas, solo funciona en Google Chrome.

Answer 3

puede usar este código var Render=new THREE.WebGLRenderer({antialias: true, preserveDrawingBuffer: true});

y una función al hacer clic en imprimir:

$("#btn_print").click(function() {
                window.open( Render.domElement.toDataURL("image/png"), "Final");
                return false;
            });

Ejemplo en línea: http://develoteca.com/Panel/ clic en el botón Imprimir

La clave es: {antialias: true, preserveDrawingBuffer: true} en el objeto WebGLRenderer

,Saludos.

visita: http://develoteca.com