2

我对使用 Google model-viewer能够做的事情感到非常高兴。它是相对可配置的,但我希望能够用相机做更多的事情——例如,设置与目标的最大缩放/最小距离。我找到了似乎建议如何修改它的代码,但我不知道如何覆盖通过 CDN 传递的脚本。我唯一的选择是使用 npm 下载吗?

原谅我的天真!

4

2 回答 2

2

我是<model-viewer>项目的维护者。你没疯;我们还没有添加控制它的能力。

但别担心!我们计划很快将此功能添加到一个版本中(目前计划用于 v0.7.0)。请跟踪https://github.com/GoogleWebComponents/model-viewer/issues/458了解进度!

[编辑] 还要回答你关于 NPM 的问题:你可以从 NPM 下载模块并组装组成<model-viewer>. 此外,您可以分叉项目并以这种方式对其进行修补。我不一定推荐这些东西,但如果你绝望,它们是选择。如果你走这条路,我强烈建议你在我们的 Github 项目页面上提问。我们对每个人都很友好和敏感。

于 2019-06-25T23:53:56.767 回答
2

你可以看到这个问题Zoom in/out #1172

现在可以使用相机控制设置:


model-viewer(
    src="https://cwervo.com/assets/3D-models/logo.glb" ios- 
    src="https://cwervo.com/assets/3D-models/logo-3m-scaled.usdz"
    auto-rotate 
    camera-controls 
    min-camera-orbit='auto auto 100%'
    max-camera-orbit='auto auto 100%'
    min-field-of-view='110deg'
    max-field-of-view='110deg'
)

来源:https ://codepen.io/schmidtsonian/pen/VwvEwVw

于 2021-05-26T14:51:59.370 回答