THree.js：从正交相机缩放时如何保持精灵文本大小不变

【问题标题】：THree.js: how to keep sprite text size unchanged when zooming from orthographicCameraTHree.js：从正交相机缩放时如何保持精灵文本大小不变
【发布时间】：2026-01-04 06:55:01
【问题描述】：

在three.js和orthographicCamera中，当鼠标放大时，Sprite会相应放大缩小。

var camera = new OrthographicCamera(width / - 2, width / 2, height / 2, height / - 2, 0.01, 100000);


var texture = new THREE.Texture( canvas );
var material = new THREE.SpriteMaterial ( { map: texture, transparent:false } );
var sprite = new THREE.Sprite( material );
scene.add(sprite);

如何防止鼠标缩放时文字大小发生变化？

【问题讨论】：

标签： javascript canvas three.js sprite

【解决方案1】：

我不确定您是如何执行缩放的，因为这可能意味着：

将相机移入或移出
使相机的视野更窄或更宽

但我认为您正在寻找SpriteMaterial.sizeAttenuation = false; 这使精灵保持恒定大小，无论其在场景中的深度如何。 See here for the documentation 不过，我相信这只适用于透视相机。

【讨论】：