API地址
安裝 | Vue 3D Model
一、安裝 Vue 3D Model
??npm 安裝：
npm install vue-3d-model --saveyarn 安裝：
yarn add vue-3d-modelpnpm 安裝：
pnpm install vue-3d-model二、使用
??FBX格式：
<template>
<model-fbx
src="/static/models/fbx/dancing.fbx"
/>
</template>
<script>
import { ModelFbx } from 'vue-3d-model';
export default {
components: {
ModelFbx
}
}
</script>GLTF 格式：
<template>
<model-gltf
src="/static/models/gltf/Duck/glTF/Duck.gltf"
/>
</template>
<script>
import { ModelGltf } from 'vue-3d-model';
export default {
components: {
ModelGltf
},
}
</script>?JSON格式：
<template>
<model-three
src="/static/models/json/scene.json"
/>
</template>
<script>
import { ModelThree } from 'vue-3d-model';
export default {
components: {
ModelThree
}
}
</script>OBJ 格式：
<template>
<model-obj
src="/static/models/obj/tree.obj"
/>
</template>
<script>
import { ModelObj } from 'vue-3d-model';
export default {
components: {
ModelObj
}
}
</script>?PLY 格式：
<template>
<model-ply
src="/static/models/ply/binary/Lucy100k.ply"
/>
</template>
<script>
import { ModelPly } from 'vue-3d-model';
export default {
components: {
ModelPly
}
}
</script>?STL格式：文章來源：http://www.zghlxwxcb.cn/news/detail-738812.html
<template>
<model-stl
src="/static/models/stl/gear.stl"
/>
</template>
<script>
import { ModelStl } from 'vue-3d-model';
export default {
components: {
ModelStl
}
}
</script>DAE格式：文章來源地址http://www.zghlxwxcb.cn/news/detail-738812.html
<template>
<model-collada
src="/static/models/collada/elf/elf.dae"
/>
</template>
<script>
import { ModelCollada } from 'vue-3d-model';
export default {
components: {
ModelCollada
}
}
</script>到了這里，關(guān)于Vue 3D Model 3D模型解析展示的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
