1.0.8 • Published 6 months ago

ourcad v1.0.8

Weekly downloads
-
License
ISC
Repository
-
Last release
6 months ago

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的升级维护工作一直在继续,如果您有新的需求,请及时和我们微信联系: 让我们一起努力打造更好的国内BIM平台软件生态环境!