Google Model-Viewer-如何设置最大缩放?

时间:2019-06-24 23:31:01

标签: zoom 3d-model google-web-component

我对使用Google model-viewer能够做什么感到非常高兴。它是相对可配置的,但是我想用相机做更多的事情,例如,设置距目标的最大变焦/最小距离。我发现code似乎建议如何修改它,但我不知道如何覆盖通过CDN交付的脚本。我是使用npm下载的唯一选择吗?

不好意思!

2 个答案:

答案 0 :(得分:1)

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

但是不用担心!我们计划很快将此功能添加到版本中(当前计划用于v0.7.0)。请跟踪https://github.com/GoogleWebComponents/model-viewer/issues/458以获得进度!

[edit]还要回答有关NPM的问题:您可以 从NPM下载该模块,并组装组成<model-viewer>的片段的自定义版本。同样,您可以分叉项目并以这种方式对其进行修补。我不一定推荐这些东西,但是如果您不顾一切,它们是 选项。如果您走这条路,我强烈建议您在我们的Github项目页面上提问。我们对每个人都很友好并且反应迅速。

答案 1 :(得分:1)

您可以看到此问题 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