如何使用 Three.js 获取纹理尺寸

Question

我想知道是否可以获得纹理的尺寸？ 我用这条线来设置我的纹理：

const texture = THREE.ImageUtils.loadTexture(src)

也许有必要加载图像以获取其尺寸（但是否只能使用 javascript，而不是 html 及其 div？）？

我希望我之后创建的材质适合纹理尺寸。

Answer 1

首先，THREE.ImageUtils.loadTexture 在最新的 THREE.js (r90) 中已被弃用。改为查看THREE.TextureLoader。

也就是说，您可以从加载的纹理中获取图像及其属性。

texture.image

根据图像格式，您应该能够访问width/height 属性，这将是您的纹理尺寸。

请注意：加载纹理是异步的，因此您需要定义 onLoad 回调。

var loader = new THREE.TextureLoader();
var texture = loader.load( "./img.png", function ( tex ) {
    // tex and texture are the same in this example, but that might not always be the case
    console.log( tex.image.width, tex.image.height );
    console.log( texture.image.width, texture.image.height );
} );