javascript - 将 PlaneGeometry 与纹理图像大小相匹配

Question

我有一个 PNG 图像作为 Three.js planeGeometry 上的纹理，它被拉伸(stretch)以适应大于原始图像大小的几何体。有没有一种方法可以根据图像纹理自动调整几何体的大小 - 或者至少允许图像不会在超大几何体上被拉伸(stretch)？

一种解决方案是在加载图像时保存图像的大小，并使用这些测量值来创建几何图形，但我想知道是否有比这更直接或更有效的解决方案？谢谢!

Answer 1

诀窍是创建 1x1 尺寸的几何体，然后缩放:

var geometry = new THREE.PlaneGeometry( 1, 1 );
var mesh = new THREE.Mesh( geometry, material );
mesh.scale.x = image.width;
mesh.scale.y = image.height;