skip to content

Search

可视化 3D 模型

Less than one minute read Updated:

No tags
Not in series

kwanwaipang 大佬 的博客网站学来的。

有时候希望在 MDX 文稿中可视化三维模型,这时候可以借助 model-viewer 组件。

<model-viewer
  src="https://kwanwaipang.github.io/ubuntu_md_blog/VGGT/train.glb" 
  alt="3D Model"
  ar
  auto-rotate
  camera-controls
  style="display: block; width: 100%; height: 500px; border-radius: 15px; overflow: hidden;"
></model-viewer>
 
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

运行效果

这里我使用的还是 kwanwaipang 博客中的 glb 模型。