Three.js截图 [英] Three.js Screenshot
问题描述
我需要制作网站截图。我尝试使用html2canvas和所有它正在工作。但问题是我正在使用THREE.WebGLRenderer和THREE.CSS3DRenderer（对于webgl中的html）...所以当我制作截图时，它只能从WebGLRenderer创建图像。 CSS3DRenderer被忽略，我不知道如何从两个渲染器制作截图图像。我正在使用这个解决方案：
截取< body>的屏幕截图用html2canvas和存储img作为JS var
I need to make screenshot of website. I tried using html2canvas and all and it's working. But problem is i'm using THREE.WebGLRenderer and THREE.CSS3DRenderer (for html in webgl)... So when I make screenshot it makes images only from WebGLRenderer. CSS3DRenderer is ignored and I don't know how to make screenshot image from both renderers. I'm using this solution: Take screenshot of <body> with html2canvas and store img as JS var
推荐答案
你可以使用这段代码 var Render = new THREE.WebGLRenderer（{antialias：true，preserveDrawingBuffer：true}）;
和函数onclick print：
and a function onclick print:
$("#btn_print").click(function() {
window.open( Render.domElement.toDataURL("image/png"), "Final");
return false;
});
在线示例：
http://develoteca.com/Panel/ clic on按钮打印
Example online: http://develoteca.com/Panel/ clic on button Print
关键是：{antialias：true，对象WebGLRenderer中的preserveDrawingBuffer：true}
The key is: {antialias: true, preserveDrawingBuffer: true} in object WebGLRenderer
，问候。
这篇关于Three.js截图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
