vue 使用 xbim/viewer进行BIM模型3D预览

原创

于 2021-02-19 16:14:59 发布 · 2.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue #bim

本文介绍了如何通过npm安装XBIM Viewer，并演示了如何在Vue项目中创建组件以预览施工BIM模型。重点讲解了使用Vue和XBIM进行模型加载及交互的方法。

施工行业BIM模型使用XBIM进行预览

- 安装XBIM
- 创建vue组件

安装XBIM

使用 npm install @xbim/viewer --save 进行安装

创建vue组件

 <canvas id="viewer" style="height: calc(50vh + 10px); width: 100%; z-index: 999; border-radius: 3px">
 
 import {
   
    Viewer, NavigationCube, Grid, ViewType } from '@xbim/viewer'
 
 created() {
   
   
	    this.initViewer()
 },

 initViewer() {
   
   <

最低0.47元/天解锁文章