文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
快速上手
安装
- YARN
- NPM
# 在你的项目中安装
yarn add vue-3d-loader
# 在你的项目中安装
npm install vue-3d-loader
使用
全局引入
全局使用,在入口文件中全局安装,代码如下:
/* vue2 */
import vue3dLoader from "vue-3d-loader";
Vue.use(vue3dLoader)
/* vue3 */
import vue3dLoader from "vue-3d-loader";
createApp(App).use(vue3dLoader).mount('#app')
非全局引入
非全局使用,在Vue文件中使用如下代码:
// 注意 vue3dLoader 写在 {...} 内
import { vue3dLoader } from "vue-3d-loader";
在组件中使用标签<vue3dLoader></vue3dLoader>
组件标签应用
<vue3dLoader
:height="200"
:showFps="true"
:filePath="['/fbx/1.fbx', '/obj/2.obj', '/gltf/3.gltf']"
:mtlPath="[null, '/obj/2.mtl', null]"
:backgroundColor="0xff00ff"
></vue3dLoader>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论