摘要:网页做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/