Jquery 如何防止在三个窗口中缩放对象,调整窗口大小?

Jquery 如何防止在三个窗口中缩放对象,调整窗口大小?,jquery,three.js,perspectivecamera,Jquery,Three.js,Perspectivecamera,我想防止对象在调整窗口大小时缩放。我找不到在调整窗口大小时正在更改的值。更有趣的是,只有当我垂直调整窗口大小时,对象才会调整大小 要实现这一点,需要在窗口大小改变时更新相机的视野。下面是一个关于如何实现它的示例,下面是计算新FOV的代码段。 这与three.js无关,而是与如何定义HTML5画布元素有关。也许您应该将画布元素设置为固定大小?在这个解决方案中,“tanFOV”和“windowHeight”是什么? // remember these initial values var tanFO

我想防止对象在调整窗口大小时缩放。我找不到在调整窗口大小时正在更改的值。更有趣的是,只有当我垂直调整窗口大小时,对象才会调整大小


要实现这一点,需要在窗口大小改变时更新相机的视野。下面是一个关于如何实现它的示例,下面是计算新FOV的代码段。


这与
three.js
无关,而是与如何定义HTML5画布元素有关。也许您应该将画布元素设置为固定大小?在这个解决方案中,“tanFOV”和“windowHeight”是什么?
// remember these initial values
var tanFOV = Math.tan( ( ( Math.PI / 180 ) * camera.fov / 2 ) );
var windowHeight = window.innerHeight;

$(window).on('resize', function ()
{
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.fov = (360 / Math.PI) * Math.atan(tanFOV * (window.innerHeight / windowHeight));
    camera.updateProjectionMatrix();

    renderer.setSize(window.innerWidth, window.innerHeight);
    renderer.render(scene, camera);
});