hql7 / Wl Bim Viewer
Licence: apache-2.0
用于vue框架的bim三维模型预览插件。Bim 3D model preview plugin for vue framework.
Stars: ✭ 78
Projects that are alternatives of or similar to Wl Bim Viewer
Freecad
This is the official source code of FreeCAD, a free and opensource multiplatform 3D parametric modeler. Issues are managed on our own bug tracker at https://www.freecadweb.org/tracker
Stars: ✭ 10,366 (+13189.74%)
Mutual labels: cad, bim
Xeogl
A WebGL-based 3D engine for technical visualization. Not actively maintained.
Stars: ✭ 920 (+1079.49%)
Mutual labels: cad, bim
Xeokit Sdk
Open source JavaScript SDK for viewing high-detail, full-precision 3D BIM and AEC models in the Web browser.
Stars: ✭ 316 (+305.13%)
Mutual labels: cad, bim
Makair
🫁 The world's first open-source ventilator tested on human patients. Mass-producible at a low cost (~2000€).
Stars: ✭ 706 (+805.13%)
Mutual labels: cad
Cadquery
A python parametric CAD scripting framework based on OCCT
Stars: ✭ 764 (+879.49%)
Mutual labels: cad
Maker.js
📐⚙ 2D vector line drawing and shape modeling for CNC and laser cutters.
Stars: ✭ 1,185 (+1419.23%)
Mutual labels: cad
Oce
OpenCASCADE Community Edition (OCE): a community driven fork of the Open CASCADE library.
Stars: ✭ 623 (+698.72%)
Mutual labels: cad
Onshape To Robot
Converting OnShape assembly to robot definition (SDF or URDF) through OnShape API
Stars: ✭ 69 (-11.54%)
Mutual labels: cad
Cherish
🏰 Sketch- and image-based system for 3D representation and documentation of cultural heritage sites
Stars: ✭ 27 (-65.38%)
Mutual labels: cad
Workcraft
Toolset to capture, simulate, synthesize and verify graph models
Stars: ✭ 27 (-65.38%)
Mutual labels: cad
Qcad
QCAD - The Open Source 2D CAD. QCAD is a cross-platform CAD solution for Windows, macOS and Linux. It supports the DXF format and optionally the DWG format (through a proprietary plugin).
Stars: ✭ 768 (+884.62%)
Mutual labels: cad
Jsketcher
Parametric 2D and 3D modeler written in pure javascript
Stars: ✭ 734 (+841.03%)
Mutual labels: cad
Libfive Unity
A CSharp wrapper for libfive with Unity bindings
Stars: ✭ 69 (-11.54%)
Mutual labels: cad
Opencad Php
Open Source Computer Aided Dispatch System for Roleplay Communities.
Stars: ✭ 64 (-17.95%)
Mutual labels: cad
Visma Tracker
semantic mapping module of vision lab slam system
Stars: ✭ 21 (-73.08%)
Mutual labels: cad
Flexcli
FlexCLI is a C++/CLI interface to access NVidia Flex from .Net environments like C#, IronPython, VB etc. FlexHopper is a plugin for Grasshopper built on top of FlexCLI
Stars: ✭ 75 (-3.85%)
Mutual labels: cad
wl-bim-viewer
一个用于在浏览器上展示bim模型的vue插件,可以预览转化后的BIM、CAD文件。
基于vue和autodesk forge viewer写成。
目前支持单模型加载及多模型顺序加载。
其他特性正在扩展中。
传送门:Github & autodesk forge viewer文档
在线访问
快速上手
npm i wl-bim-viewer -S
import wlBimViewer from "wl-bim-viewer";`
import "wl-bim-viewer/lib/wl-bim-viewer.css"
Vue.use(wlBimViewer);
<wl-bim-viewer
multiple
:docs="bims"
class="wl-viewer">
</wl-bim-viewer>
重要更新
1.1.0 减少组件包体积,将js依赖cdn;请勿使用低于1.1.0版本
文档
Attributes
序号 | 参数 | 说明 | 类型 | 默认值 |
---|---|---|---|---|
1 | docs | 模型数据数组,元素为对象且至少需要一个path字段(模型文件路径,可配置) | Array | - |
2 | props | 配置项,详见下 | Object | - |
3 | multiple | 是否开启多模型顺序加载 | Boolean | false |
4 | changeClean | 是否开启当docs变化,清理之前的模型然后重新加载新模型 | Boolean | false |
props
序号 | 参数 | 说明 | 默认字段 | 字段值类型 |
---|---|---|---|---|
1 | path | 用于配置docs参数内的模型文件路径字段,必填 | path | String |
2 | options | 用于loadModel时的自定义模型配置项,可配置模型角度、位置等。此字段应是一个对象 | options | Object |
3 | name | 用于docs参数内模型的名称字段,选填 | name | String |
Events
序号 | 事件名称 | 说明 | 回调参数 |
---|---|---|---|
1 | init | viewer初始化事件,此时模型还未加载,可进行配置或注册事件操作 | function(viewer) 依次为当前viewer对象 |
2 | partSelect | 构件点击事件 | function(selections, event, info) 以此为当前选择构件、当前点击对象、构件信息 |
3 | cameraMove | 摄像头移动事件 | function(rvt) 依次为当前rvt对象 |
4 | successAll | 多模型时,全部加载完毕事件 | function(result) 依次为全部模型对象数组 |
5 | errorAll | 多模型时,全部加载失败事件 | function(result) 依次为失败信息 |
6 | success | 模型加载成功回调 | function(result) 依次为当前模型信息 |
7 | loaded | 模型渲染完毕回调 | function(evt) 依次为当前模型信息 |
8 | error | 模型加载失败回调 | function(name, code) 依次为当前模型docs参数name字段、错误码 |
Form Methods
序号 | 方法名 | 说明 | 参数 |
---|---|---|---|
1 | clearColor | 清空模型构件上色 | - |
2 | viewerFiting | 聚焦摄像头 | function(ids, focal) 依次为需要聚焦至的构件id、焦距 |
3 | unloadModel | 卸载model模型 | function(model) 依次为需要卸载的模型model,无则默认为当前model |
4 | uploadViewer | 卸载viewer | - |
5 | getModelInfo | 获取模型信息 | function(viewer, models) 依次为viewer对象、已加载的model对象 |
Slot
序号 | name | 说明 |
---|---|---|
1 | - | 位于模型dom下的自定义dom区 |
版本记录
1.1.0 减少组件包体积,将js依赖cdn
1.0.0 因国外cdn时间波动太大,将js依赖本地化,并优化初始化事件防止init错误
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].