Three.js a形框架中标记器上三维模型的缩放

我正在使用a框架将3d模型加载到标记上。我想知道如何对3d模型进行动态缩放，例如当3d模型出现在标记上时，如何放大和缩小该3d模型。

---

请帮我解决这个问题。

您可以通过设置

比例属性来放大/缩小三维模型。
将模型放在引用中
let model=document.querySelector（#model”）：

会放大它

 model.setAttribute("scale", "0.5 0.5 0.5") 

会使它变小


您可以使用鼠标滚动或任何其他事件与
addEventListener
连接，并根据读数更改刻度

鼠标滚轮示例：

window.addEventListener("wheel", (e) => {
    let scaleFactor = e.deltaY > 0 ? 0.9 : 1.1  //check if we scroll up, or down
    let scale = this.el.getAttribute("scale").clone() // clone the scale vector
    scale.multiplyScalar(scaleFactor)                 
    this.el.setAttribute("scale", scale)              // apply new scale
  })

现场小提琴。
如果有帮助，请告诉我。我恐怕没有。我尝试过，但它不起作用。请您推荐另一个a-Frame版本。请提供一个代码示例，并展示您迄今为止尝试过的内容。看一看，以获得更充分的答案。感谢亚当，它起了一点作用，帮助不同的gltf模型有不同的缩放，我可以设置缩放之前，然后缩放选项的工作。例如：-使用缩放选项后，它将在标记上显示正确的布局，3d对象太小，缩放后我可以看到。有没有办法我可以设置初始比例，然后我可以进行缩放你可以像在评论中那样设置比例，但是初始大小很大程度上取决于模型大小，就像在blender中设置的那样，或者当我设置比例时，我无法进行缩放。它在移动设备中也起作用吗，比如如果我在移动设备上扫描图案，用我的触摸它就会缩放？？？没有，我试过了！！然后我尝试了另一种添加touchmove和touchend事件监听器的方法，这种方法对我来说很有效。
window.addEventListener("wheel", (e) => {
    let scaleFactor = e.deltaY > 0 ? 0.9 : 1.1  //check if we scroll up, or down
    let scale = this.el.getAttribute("scale").clone() // clone the scale vector
    scale.multiplyScalar(scaleFactor)                 
    this.el.setAttribute("scale", scale)              // apply new scale
  })