Vue中渲染3d模型--详细教学
Vue中渲染3d模型--详细教学
·
开始进入
1. npm下载
/* vue2 */:
npm i vue-3d-loader@1.x.x -S
/* vue3 */:
npm i vue-3d-loader@2.0.0 -S
2. 引入
/* vue2 */
import vue3dLoader from "vue-3d-loader";
Vue.use(vue3dLoader)
/* vue3 */
import vue3dLoader from "vue-3d-loader";
createApp(App).use(vue3dLoader).mount('#app')
可尝试组件内注册使用,我反正没生效
// vue2
import { vue3dLoader } from "vue-3d-loader";
components: {
vue3dLoader
},
3. 使用标签
// 注意 filePath 一定要以 / 开头
<vue3dLoader
filePath="/src/view/demo/models/file.fbx"
:width="400"
:height="400"
></vue3dLoader>
事件 | 效果 |
---|---|
mousedown | 鼠标按下事件 |
mousemove | 鼠标移动事件 |
mouseup | 鼠标放开事件 |
click | 点击事件 |
load | 加载模型事件 |
process | 加载进度事件 |
error | 错误事件 |
更多推荐
所有评论(0)