开始进入
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 | 错误事件 |
vue-3d-loader官网地址文章来源地址https://www.toymoban.com/news/detail-509533.html
文章来源:https://www.toymoban.com/news/detail-509533.html
到了这里,关于Vue中渲染3d模型--详细教学的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!