为什么模特观众不参与狩猎

Question

我正试图在我的网站上放一些3D模型，但到目前为止，它似乎只适用于Android和Windows，不知道为什么。我试着对文件使用不同的格式，但仍然一无所获。即使我去了文档所在的网站，这里，也没有显示任何内容，所以我想safari可能不再支持3D模型了？

这是我的一小段代码，因为我可能写错了什么。

<div class="container-fluid ml-auto mr-auto" style="margin-bottom: 60px; margin-top: 30px;">
<div class="row" align="center">
<div class="col">
<model-viewer disable-zoom poster="3d_assets/untitled.png"src=" 3d_assets/place_holder.gltf" ios-src="3d_assets/place_holder.usdz" alt="A 3d thing" auto-rotate camera-controls></model-viewer>
</div>
<div class="col align-self-center">
<p class="model-text">
text text
text text
</p>
<p class="model-sm-text">
smaller
smaller
</p>
</div>
</div>

和CSS:

model-viewer{
width: 600px;
height: 600px;
margin: 0 auto;
}
.model-text{
letter-spacing: 2px;
font-size:30px;
font-weight: 500;
}
.model-sm-text{
font-size:20px;
font-weight: 400;
}

Answer 1

在src部分中，您放置了以下内容：

src="3d_assets/place_holder.gltf">

发生的情况是，您在"3d"之前放了一个空格，这意味着文件的开头会有一个空格而找不到
所以正确的代码应该是：

src="3d_assets/place_holder.gltf">

(无空格(

Answer 2

我发现这对很有帮助

customElements.get("model-viewer").minimumRenderScale = 1;

你可以在这里了解更多https://github.com/google/model-viewer/issues/1521