THREE.js：显示照片-不要拉伸纹理

Question

我想在THREE.js场景中显示照片。几何图形的大小基于窗口和照片，并添加为“纹理”应覆盖几何图形。基本上，我想要的是CSS中的background-size: cover，但在THREE.js中，这样我可以向该几何添加更多的转换。

到目前为止，这是我的代码：

const txture = this.loader.load('/site/themes/pride/img/home_1.jpg');
const material = new MeshBasicMaterial({
  map: txture,
  transparent: true,
  opacity: 1,
});
const geom = new BoxBufferGeometry( window.innerWidth, window.innerHeight, 0.0001 );
const plane = new Mesh(geom, material);
plane.overdraw = true;
plane.position.set(0,0,0);

这是否有可能，或者我应该以其他完整的方式来做吗？