谷歌模型查看器 - 如何设置最大缩放？答案

【问题标题】：Google model-viewer - how to set max zoom?谷歌模型查看器 - 如何设置最大缩放？
【发布时间】：2019-06-24 23:31:01
【问题描述】：

我对使用 Google model-viewer 能够完成的工作感到非常高兴。它相对是可配置的，但我还想用相机做更多事情——例如，设置与目标的最大缩放/最小距离。我发现code 似乎建议如何修改它，但我不知道如何覆盖通过 CDN 传递的脚本。我唯一的选择是使用 npm 下载吗？

原谅我的天真！

【问题讨论】：

标签： zooming 3d-model google-web-component

【解决方案1】：

我是<model-viewer> 项目的维护者。你没疯；我们尚未添加对此进行控制的功能。

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

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

【讨论】：

您好，这个功能什么时候发布？谢谢！

【解决方案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

【讨论】：