如何通过编程方式实现Autodesk Viewer视图放大？

直接修改camera.zoom属性无法生效的原因是，Autodesk Viewer对Three.js相机做了封装，内部导航模块会管理相机状态，直接修改底层属性不会触发正确的视图更新和状态同步。

推荐使用Viewer官方提供的导航API来实现缩放控制：

方法一：使用setZoomFactor快速设置缩放因子 #

这个方法可以直接设置缩放的倍数，数值越大视图越近：

setViewerZoomLevel(zoomLevel) {
    // zoomLevel 为缩放因子，例如2表示放大2倍，0.5表示缩小一半
    this.#viewer.navigation.setZoomFactor(zoomLevel);
    this.#viewer.impl.invalidate(true);
}

方法二：精确控制相机到模型的距离 #

如果需要更精准地控制相机与目标点的距离，可以通过计算相机位置来实现：

setViewerZoomLevel(targetDistance) {
    const navigation = this.#viewer.navigation;
    const camera = navigation.getCamera();
    const targetPoint = navigation.getTarget();
    
    // 获取相机指向目标的方向向量并归一化
    const direction = camera.position.clone().sub(targetPoint).normalize();
    // 根据目标距离重新设置相机位置
    camera.position.copy(targetPoint.clone().add(direction.multiplyScalar(targetDistance)));
    
    // 通知导航模块更新相机状态
    navigation.updateCamera();
    this.#viewer.impl.invalidate(true);
}

注意：避免直接操作Three.js相机的底层属性，优先使用Viewer提供的navigation模块方法，这样能保证视图状态与Viewer内部逻辑一致，避免出现交互异常。

内容的提问来源于stack exchange，提问作者Jonathan Malott