Three.js在调整大小画布上保持比例和位置

Question

我有一个div包含一个three.js画布。我希望在更改画布大小时保持内容画布的比例和位置。

我试过了：

window.addEventListener( 'resize', onWindowResize, false );

function onWindowResize(){

    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();

    renderer.setSize( window.innerWidth, window.innerHeight );

}

但是这个窗口上的工作只调整大小而不是画布调整大小。我也修改了这个代码，因为它的画布宽度和高度都不合适。但