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

标签 javascript three.js

如何使用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/

相关文章:

javascript - Three.js:为什么没有出现影子?

webgl - 将夜灯添加到 WebGL/Three.js 地球

javascript - jQuery DataTables - 将带有事件的 jquery 生成元素添加到表格单元格

javascript - 为什么我的 ESlint 在保存时没有格式化?

javascript - THREE.JS 从 blender 中导出 JSON 模型(包括纹理)

javascript - Three.js - 如何使我的文本 Sprite 更清晰?

javascript - ThreeJS-添加布隆 channel 会影响 Canvas 透明度

javascript - 有没有一种简单的单行代码可以分割和连接字符串?

javascript - jQuery.html() 的 html 格式错误

javascript - scroll.scroll 禁用器有什么作用?