Three.js屏幕截图
我需要做的网站截图。我试着使用html2canvas和所有的，它是工作的。但问题是我使用的是THREE.WebGLRenderer和THREE.CSS3DRenderer (用于webgl中的html )...所以当我截图的时候，它只能从WebGLRenderer生成图像。CSS3DRenderer被忽略了，我不知道如何从两个渲染器中制作截图图像。我使用这个解决方案：Take screenshot of with html2canvas and store img as JS var
回答 3
Stack Overflow用户
发布于 2013-12-28 00:14:17
您可以使用以下代码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按钮打印
关键字是：{antialias: true，preserveDrawingBuffer: true}在object WebGLRenderer中
向您致敬。
访问：http://develoteca.com
Stack Overflow用户
发布于 2014-07-04 13:51:40
尝试理解这个chrome扩展Screen Capture的代码。安装后，您可以在~/.config/chromium/Default/Extensions/中找到代码。
它使用chrome.tabs.captureVisibleTab。请参阅文档。因为它是Chrome浏览器提供的一个与标签交互的API，所以它只能在Google chrome上运行。
Stack Overflow用户
发布于 2014-11-01 16:18:00
多亏了file saver js lib，我实现了这个特性
<script type="text/javascript" src="js/filesaver.js"></script>
$("#btn_print").click(function() {
Render.domElement.toBlob(function(blob) {
saveAs(blob, "Final");
});
});我希望这对你有帮助！
https://stackoverflow.com/questions/20801075
复制相似问题
腾讯云开发者
