我对使用 Google model-viewer能够做的事情感到非常高兴。它是相对可配置的,但我希望能够用相机做更多的事情——例如,设置与目标的最大缩放/最小距离。我找到了似乎建议如何修改它的代码,但我不知道如何覆盖通过 CDN 传递的脚本。我唯一的选择是使用 npm 下载吗?
原谅我的天真!
我对使用 Google model-viewer能够做的事情感到非常高兴。它是相对可配置的,但我希望能够用相机做更多的事情——例如,设置与目标的最大缩放/最小距离。我找到了似乎建议如何修改它的代码,但我不知道如何覆盖通过 CDN 传递的脚本。我唯一的选择是使用 npm 下载吗?
原谅我的天真!
我是<model-viewer>
项目的维护者。你没疯;我们还没有添加控制它的能力。
但别担心!我们计划很快将此功能添加到一个版本中(目前计划用于 v0.7.0)。请跟踪https://github.com/GoogleWebComponents/model-viewer/issues/458了解进度!
[编辑] 还要回答你关于 NPM 的问题:你可以从 NPM 下载模块并组装组成<model-viewer>
. 此外,您可以分叉项目并以这种方式对其进行修补。我不一定推荐这些东西,但如果你绝望,它们是选择。如果你走这条路,我强烈建议你在我们的 Github 项目页面上提问。我们对每个人都很友好和敏感。
你可以看到这个问题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'
)