1. 首页
  2. three.js

three.js将图像纹理纵横比拟合到平面大小

three.jsn嘿,大家好,n我通过一个循环生成四个平面,并用图像文件夹中相应的纹理填充它们。问题是,图像被拉伸,并且没有基于平面宽度和高度的正确纵横比。我已经在谷歌上搜索并找到了一些基于类似问题的主题,尝试了代码,但都没有成功。n有人知道如何解决问题吗?n这是我的代码so=new3.网眼布(几何、材料);img.position.set(1.3,(i-1)*-2.3);scene.add(img);}下面的主题是否回答了您的问题?如何将纹理与平面匹配的问题我正在尝试将纹理与平面匹配,有人知道怎么做,我想得到与背景大小相同的结果:cover in CSS,don\’t ask me why it\’t worked before,but now it do;Dn非常感谢@Mugen87!!n就我所知,为什么要像>/pre>n那样运行这部分代码,但如果你像这样一个接一个地运行,那就不行了:n让>n我想这是以前的问题,因为如果我像第二个一样运行,我会遇到一个错误,无法获得未定义的宽度。n这与javascript异步处理某些事情的方式?n尽管与原始图片相比,纹理仍然在垂直轴上被压缩,正如您在屏幕截图中看到的:n左侧是原始图片,右侧是网站上的纹理。n比尔兹奇尔姆霍托2021-06-22 um 10.15.022230×1706 828 KBn例如,在这里,您可以清楚地看到右侧的比左侧的原始压缩得多。n比尔兹奇尔姆霍托2021-06-22 um 10.16.17806×1208 201 KBn Fit image texture aspect ratio to size of planen

three.js将图像纹理纵横比拟合到平面大小 为WP2原创文章,链接:https://www.wp2.cn/three-js/three-js%e5%b0%86%e5%9b%be%e5%83%8f%e7%ba%b9%e7%90%86%e7%ba%b5%e6%a8%aa%e6%af%94%e6%8b%9f%e5%90%88%e5%88%b0%e5%b9%b3%e9%9d%a2%e5%a4%a7%e5%b0%8f/