OurCAD

介绍

OurCAD，一款轻量级的Web-CAD引擎工具。开箱即用，支持CAD图纸多端浏览查看和丰富的图纸操作、图层解析等功能。OurCAD是OurBIM云引擎的模块之一，可与BIM引擎模块联动，支持图模联动、图模融合等功能、支持CAD图纸中的钢筋符号显示。

安装

npm i ourcad

使用

• OurCAD主要包含两大功能模块：Viewer和Controller。
• Viewer用来解析并加载显示图纸、Controller用来对图纸进行精细化操作。部分Controller的图纸操作能力依赖于Viewer的解析数据，所以构建Controller实例时需要传递Viewer实例为参数。
• 底层用TypeScript实现，对TypeScript有很好的支持。
• 使用rollup打包，Tree-Shaking机制让SDK更小、ESM模块化机制支持SDK的按需引入。

import { Viewer, Controller } from "ourcad"
const container = document.getElementById('container') as HTMLElement
/**
 * 参数一：图纸绘制容器
 * 参数二：OurBIM图纸管理上传图纸后的fileName 或 本地dxf图纸路径
 */
const VJViewer = new Viewer(container, '20230701165623368')
const VJController = new Controller(VJViewer)

VJController.HomeView()

图纸操作

目前SDK支持：主视图、框选放大、切换背景色、全屏模式、图层显示和隐藏等功能。

示例代码开源

我们开源了基于Vue3.0+TypeScript+Vite的官方SDK示例代码：https://github.com/vanjiancloud/OurCAD

基于现有功能的一些展望

• 目前OurCAD的SDK免费，用户可以选择将图纸上传到OurBIM享受图纸解析加速服务（不收取任何费用）；也可以选择使用SDK加载本地dxf图纸。
• OurCAD是基于dxf-parser进行重构和扩展，是纯前端完成CAD的解析、绘制、操作一条龙服务，这对于后续SDK的升级维护有着天然的优势。
• OurCAD目前的图纸绘制是基于three.js渲染，后续会使用最新的webGPU对图纸渲染层进行重构升级，相关工作正在积极筹备当中，请保持关注。
• 部分AI能力的集成正在路上。
• SDK的升级维护工作一直在继续，如果您有新的需求，请及时和我们微信联系：