https://www.npmjs.com/package/vue-3d-model
npm install vue-3d-model --save
引入组件,可支持7种模型文件类型
类型 | 对应组件 |
---|---|
obj | <model-obj> |
json | <model-three> |
stl | <model-st> |
dae | <model-collada> |
ply | <model-ply> |
fbx | <model-fbx> |
gltf(2.0) | <model-gltf> |
# 注意事项
# 不显示问题:src要使用网上的资源,可以把资源放到服务器上面
# 没有赞问题:踩了那么多坑才得出来的教训,点个赞吧
<template>
<div id="app">
<router-view />
<!-- public\fbx\10dong.fbx -->
<ModelFbx src="/qcloud/upload/cgmodel001.FBX"></ModelFbx>
</div>
</template>
<script>
import {
ModelObj,
ModelThree,
ModelFbx,
ModelCollada,
ModelStl,
ModelPly,
ModelGltf
} from "vue-3d-model";
export default {
name: 'App',
components: {
ModelObj,
ModelThree,
ModelFbx,
ModelCollada,
ModelStl,
ModelPly,
ModelGltf
},
}
</script>