javascript – Three.js截图

前端之家收集整理的这篇文章主要介绍了javascript – Three.js截图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要制作网站截图.我尝试使用html2canvas和所有它正在工作.但问题是我正在使用THREE.WebGLRenderer和THREE. CSS3DRenderer(对于webgl中的html)…所以当我制作截图时,它只能从WebGLRenderer创建图像. CSS3DRenderer被忽略,我不知道如何从两个渲染器制作截图图像.我正在使用这个解决方案:
Take screenshot of <body> with html2canvas and store img as JS var

解决方法

你可以使用这个代码var Render = new THREE.WebGLRenderer({antialias:true,preserveDrawingBuffer:true});

和一个函数onclick print:

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

在线示例:
http://develoteca.com/Panel/ clic on按钮打印

关键是:对象WebGLRenderer中的{antialias:true,preserveDrawingBuffer:true}

,问候.

访问:http://develoteca.com

猜你在找的JavaScript相关文章