CAD在线预览

        如何实现自身BS架构的业务系统,如网盘、文档管理、档案管理、生产管理、协同设计、工程管理、施工管理、设计交付、项目管理、知识库、OA系统、ERP系统、PLM系统、企业APP、小程序中快速实现CAD图纸(dwg/dxf格式)在web端查看与测量、批注、审图等功能,且能够无缝与系统结合,兼容IE、谷歌、火狐、360等浏览器,同时支持天正图纸正确显示。

        浩辰CAD看图王企业SDK可实现上述需求,私有化部署,保证图纸安全。

   

 

1、总体介绍 CADViewer+图纸浏览控件是一个实现对AutoCAD R14-2016图纸(DWG/DWF/DXF)安全浏览的ActiveX产品。CADViewer+提供平移\缩放\全图\测距\测面积\图层显示控制等常用功能,并支持VC++、Dephi、Java、VB、.Net、Php等开发语言。 2、功能介绍 安装本软件后,可以通过各类语言来调用CADViewer+控件。控件具备如下功能: 1)开窗放大功能 产品提供开窗放大功能,使用者可以根据需要对图纸进行局部放大充满窗口 2) 放大、缩小功能 使用者可以根据需要对图纸进行放大、缩小浏览,此处支持鼠标滑轮滚动对图纸进行放大、缩小的调整。 3) 全图 系统提供全图显示功能。 4)平移 此处有三种方式可使用此功能:1可以对图纸进行多方向拖动。2)单击鼠标右键,选项中也由此功能键,可点击使用此功能。 5) 捕捉设置 本软件提供捕捉设置功能,方便使用者在测量距离和面积时进行点的捕捉。使用者单击鼠标右键,选择“捕捉设置”进入捕捉设置界面,即可对其进行设置。 6) 测量功能 本软件提供测量距离、测量面积两种测量功能方便用户使用。 测量距离功能 点击测量功能按钮后,使用者选定两点后即可测出两点间距离。 测量面积功能 使用者点击测量面积按钮后,单击鼠标左键进行区域选中(不包含曲线选中),选中完成后单击鼠标右键即显示所选区域的周长和面积。 7) 图层管理 本软件提供图层管理功能,使用者单击鼠标右键或者点击图层管理的图标,选择“图层管理”进入图层管理界面,该界面可进行“显示”“冻结”“锁定”的更改,单击相应图标即可进行设置。 8) 视觉样式显示模型 视觉样式是一组设置,用来控制视口中边和着色的显示。更改视觉样式的特性,而不是使用命令和设置系统变量。一旦应用了视觉样式或更改了其设置,就可以在视口中查看效果。 二维线框 显示用直线和曲线表示边界的对象。光栅和 OLE 对象、线型和线宽均可见。 三维线框 显示用直线和曲线表示边界的对象。 三维隐藏 显示用三维线框表示的对象并隐藏表示后向面的直线。 三维真实 着色多边形平面间的对象,并使对象的边平滑化。将显示已附着到对象的材质。 三维概念 着色多边形平面间的对象,并使对象的边平滑化。着色使用古氏面样式,一种冷色和暖色之间的转场而不是从深色到浅色的转场。效果缺乏真实感,但是可以更方便地查看模型的细节。 3、、产品特色 1)支持多种主流编程语言 产品支持在VC++、VB、.Net和html中调用控件。 2)提供可靠的安全性 用户只可在线浏览图纸文件,无法进行拷贝、另存和打印等操作。 3)无需安装AutoCAD即可实现在线浏览图纸文件 采用自主图纸解析引擎,脱离AutoCAD,即可浏览图纸文件。 4)提供了方便的浏览辅助工具 为用户提供了一系列的浏览辅助工具,方便用户进行浏览,其中包括:移动、放大、缩小、充满显示、开窗放大,测量距离和面积等。 5)支持多版本CAD图纸文件 支持浏览R14-2015版本的图纸文件。
### 实现前端CAD文件在线预览的方法 要实现在前端展示 CAD 文件的功能,可以采用基于 Web 的技术栈来完成这一目标。以下是具体方法和技术细节: #### 1. 转换 DWG 到适合浏览器渲染的格式 由于 DWG 是 AutoCAD 的专有格式,在浏览器中无法直接解析和显示该格式的内容。因此需要先将其转换为适配于 Web 渲染的中间格式(如 wgh 或其他矢量图形格式)。此过程通常由服务器端处理。 - **转换方式**: 使用梦想 CAD 控件或其他类似的工具将 DWG 图纸转码为 wgh 格式[^1]。 #### 2. 前端框架的选择与集成 为了支持 CAD 文件的在线预览功能,可以选择专门针对 CAD 开发的 JavaScript 库或框架。其中 `mxdraw` 和 `mxcad` 提供了一整套完整的解决方案用于实现此类需求。 - **基础使用文档链接**: 可参考官方提供的快速入门指南了解如何安装配置以及基本调用模式 https://mxcadx.gitee.io/mxdraw_docs/start/quickStart.html#%E5%9F%BA%E7%A1%80%E4%BD%BF%E7%94%A8%E6%96%B9%E5%BC%8F [^2]。 #### 3. 示例项目体验 实际应用效果可以通过访问公开演示站点进一步验证其可行性及性能表现情况。例如下面给出的一个实例网址可供测试查看。 - **示例网站地址**: [在线CAD梦想画图](https://demo.mxdraw3d.com:3000/mxcad/) [^3]. 下面是简单的代码片段说明初始化 mxdraw 插件的过程: ```javascript // 加载 mxdraw js 库并创建 viewer 容器对象 let container = document.getElementById('viewer'); let options = {}; let viewer = new MXDraw.Viewer(container, options); // 设置模型路径加载远程资源 viewer.openModel("http://example.com/model.wgh"); ``` 以上脚本展示了怎样利用 API 方法 openModel 来指定待加载的数据源位置从而启动可视化流程。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值