网页3D模型

摘要:网页做3D模型,实现拖动旋转等

<style></style>

<script src="https://unpkg.com/focus-visible@5.0.2/dist/focus-visible.js" defer></script>

<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

<div style="width: 100%; height: 100%;display: flex; justify-content: center; align-items: center;">

  <model-viewer

    style="width: 555px; height: 555px;"

    src="https://cdn.shopify.com/3d/models/257e70ba121deadf/CBE-H2AB-AG_AR-01.glb"

    ios-src="https://cdn.shopify.com/3d/models/257e70ba121deadf/CBE-H2AB-AG_AR-01.usdz"

    poster="https://cdn.shopify.com/3d/models/257e70ba121deadf/CBE-H2AB-AG_AR-01.png"

    alt="A 3D model of an astronaut"

    shadow-intensity="1"

    camera-controls

    auto-rotate

    ar

  ></model-viewer>

</div>

API 网站:https://modelviewer.dev/


评论