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 );
} );

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

1 个答案: