如何设置像素大小的比例值?

时间:2016-09-30 08:10:07

标签: three.js

如何使用three.js

基于像素值设置对象比例值(宽度和高度)
object.scale.set(0.05,0.05,0.05);

我需要设置0.05值像素大小

请帮助任何人。

1 个答案:

答案 0 :(得分:0)

重述你的问题,如果我弄错了,请纠正我:

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

现在,问题在于,three.js(甚至webgl)并没有在内部真正使用像素概念。

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

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

因此,对于3D图形,像素将失去任何意义。没有什么可以阻止你使用任何你想要的尺寸和位置单位,但这并不能使它与屏幕上的像素有任何关系。

您还需要查看以下答案:THREE.JS: Get object size with respect to camera and object position on screen