javascript - 如何设置像素大小的比例值？

Question

如何使用three.js根据像素值设置对象比例值(宽度和高度)？

object.scale.set(0.05,0.05,0.05);

我需要设置0.05值像素大小

Answer 1

重新表述你的问题，如果我理解错了请纠正我:

您想使用像素值而不是相对值来设置对象在屏幕上显示的大小。

现在，这里的问题是，three.js(甚至 webgl)并没有真正在内部使用像素的概念。

对象在屏幕上显示的大小(以像素为单位)取决于很多因素:

• canvas 元素的 css-size 和 devicePixelRatio
• Canvas 元素的宽度和高度
• 显然是对象的大小
• 相机位置和其他属性(宽高比、视野、相对方向和与物体的位置)

因此，当涉及到 3D 图形时，像素将完全失去任何意义。没有什么可以阻止您对大小和位置使用任何您想要的单位，但这并不意味着它与屏幕上的像素有任何关系。

您还想查看这个答案:THREE.JS: Get object size with respect to camera and object position on screen