Three.js 三、js—；将纹理拟合到缩放平面

我正在尝试创建一个平面，它可以调整大小并显示网络摄像头的视频流

我有这个：

 const
   video = document.createElement('video'), 
   mesh = new THREE.Mesh(
     new THREE.PlaneGeometry(1, 1),
     new THREE.MeshBasicMaterial()
   )
 ;

 let stream = null;

 mesh.material.map = this.material.map = new THREE.VideoTexture(video);

 async startStream () {
   const
    { x:width, y:height } = this.scale, 
    stream = await navigator.mediaDevices.getUserMedia({
    video: {
        width: { ideal: width },
        height: { ideal: height }
      }
    });

    video.srcObject = stream;
    video.play();
    return stream;
 }

 async stopStream () { ... }

 function onResize(width, height) {
   stopStream();
   mesh.scale.set(width, height, 1);
   stream = await startStream();
 }

---

在飞机上可以看到网络摄像头，但视频缩放不正确。我想这是因为网格是缩放的。那么，如何在缩放平面上调整视频/纹理？

此线程是否回答了您的问题？看起来不错，我去看看。。。