如何使用three.js根据像素值设置对象比例值(宽度和高度)?
object.scale.set(0.05,0.05,0.05);
我需要设置0.05值像素大小
最佳答案
重新表述你的问题,如果我理解错了请纠正我:
您想使用像素值而不是相对值来设置对象在屏幕上显示的大小。
现在,这里的问题是,three.js(甚至 webgl)并没有真正在内部使用像素的概念。
对象在屏幕上显示的大小(以像素为单位)取决于很多因素:
- canvas 元素的 css-size 和 devicePixelRatio
- Canvas 元素的宽度和高度
- 显然是对象的大小
- 相机位置和其他属性(宽高比、视野、相对方向和与物体的位置)
因此,当涉及到 3D 图形时,像素将完全失去任何意义。没有什么可以阻止您对大小和位置使用任何您想要的单位,但这并不意味着它与屏幕上的像素有任何关系。
您还想查看这个答案:THREE.JS: Get object size with respect to camera and object position on screen
关于javascript - 如何设置像素大小的比例值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39786670/