来自多个摄像头的three.js快照

时间:2017-06-21 20:08:01

标签: three.js

我正在寻找从主要画布/视口中未使用的“隐藏”相机拍摄快照的解决方案。

正在寻找像这样的多个视口: https://threejs.org/examples/webgl_multiple_views.html

我想要有一个主用画布,对用户可见,他从主摄像头看到视图。但是当他点击“下载”按钮时,它会生成不是当前视图,而是在脚本中定义静态视图而不更改用户的任何视图

我试过这个:

var camera2 = new THREE.PerspectiveCamera( view1.fov, window.innerWidth / window.innerHeight, 1, 10000 );
view1.camera = camera2;

var canvasPdfScene = document.createElement('canvas');
canvasPdfScene.id = 'canvasPdfScene';
canvasPdfScene.width = '2048';
canvasPdfScene.height = '512';
canvasPdfScene.style.borderBottom = '1px solid black';
//window.context = temCanvas.getContext('2d');
var pdfContext = canvasPdfScene.getContext('2d', {preserveDrawingBuffer: true});

var actualCanvas = renderer.domElement;

//document.body.appendChild(canvasPdfScene);
renderer.domElement = canvasPdfScene;

renderer.render( scene, camera2 );

renderer.domElement = actualCanvas;

0 个答案:

没有答案