Modelviewer作为npm导入

pftdvrlh 于 2023-04-30 发布在其他

关注(0)|答案(1)|浏览(141)

我正在尝试Modelviewer，在html中使用时没有问题：

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

<model-viewer src="./3dobjects/someObject.glb">        
</model-viewer>

我想要的是使用javascript（沿着vitejs），但我不知道如何做到这一点。..
添加modelviewer后：

npm install @google/model-viewer

我写了这段代码：

import { ModelViewerElement } from "@google/model-viewer"
const modelV = new ModelViewerElement 
modelV.src = "./3dobjects/someObject.glb"
modelV.exposure = 1.25
modelV.autoRotate
modelV.autoRotateDelay = 1.0
...
...
document.querySelector('#model').insertAdjacentHTML(
    'beforeend',
    modelV  
  )

所以我试图插入一个对象到我的HTML？如何在HTML上显示3D？

npm

来源：https://stackoverflow.com/questions/75288276/modelviewer-as-npm-import

1条答案

按热度按时间

tpxzln5u1#

对于一个Vite项目，你不需要把你的import放在你的main中。js或vite。config.js，但如果你想让它在整个项目中可访问，你可以。它对我的作用很简单：

<template>
    <model-viewer src="./3dobjects/someObject.glb" auto-rotate></model-viewer>
</template>

<script>
import { ModelViewerElement } from '@google/model-viewer';
</script>

<style scoped>
</style>

也许是因为你的属性是错误的，我知道，对于自动旋转，你只需要把它放在标签一样，上面。我建议您查看文档以找到您需要的内容：https://modelviewer.dev/docs/

赞(0）回复(0）举报 2023-04-30

我来回答

Modelviewer作为npm导入

1条答案

相关问题

热门标签

最新问答