网页编辑DWG框架搭建快速入门（WEB CAD SDK）

简介

MxDraw网页CAD，它主要包括MxDraw开发包，MxCAD开发包，后端服务程序，图纸转换程序4个部分，其详细说明如下：

1.MxDraw：前端二维绘图开发包，详细参考文档：ps://mxcadx.gitee.io/mxdraw_docs/。

2.MxCAD：是基于mxdraw开发的在线CAD开发包，详细参考文档：ps://mxcadx.gitee.io/mxcad_docs/zh/。

3.图纸转换程序：用于将CAD图纸转换为我们特有的网页格式mxweb，详细参考文档： ps://help.mxdraw.com/?pid=107。

4.后端服务程序：详细参考梦想云图Node.JS服务：ps://help.mxdraw.com/?pid=115。

支持平台：Windows系统、Linux系统、国产操作系统、iOS、安卓。

支持CPU架构：X86、ARM、龙芯。

支持浏览器：Chrome,Edge,Firefox, Safari, 360, QQ等浏览器。

建议使用最新版本的chrome浏览器或edge浏览器。

入门开发指导

1.在网页中绘图，其详细操作请参考：快速入门 | mxdraw (gitee.io)

2.在网页中加载编辑CAD图纸，其详细操作请参考：快速入门 | mxcad (gitee.io)

主要功能

支持AutoCAD R14 到AutoCAD 2024的所有dwg图纸格式，未来也将支持新出现的AutoCAD文件格式。

三维支持：创建锥、柱、环等基本几何体, 对几何体进行布尔操作（相加、相减、相交运算)、倒角、斜切、镂空、偏移、扫视,、几何空间关系计算（法线、点积、叉积、投影、拟合等）、几何体分析（质心、体积、曲率等）、空间变换（平移、缩放、旋转）等功能。

二维支持：CAD图纸信息搜索提取、测距离、算面积、批注、捕捉、正交、曲线离散、偏移、打断、阵列、扩展数据读写、扩展记录读写、构造选择集、动画、自定义实体、组、超连接、Undo、Redo、字典、图层、标注样式、线型样式、文字样式、视口、布局、用户坐标系、系统变量、图纸比较、动态提示等。

主要实体有：直线、圆弧、Polyline、样条线、圆、椭圆、椭圆弧、IMAGE、点、块引用、外部块参照、射线、云线、文本、多行文本、对齐标注、旋转标注、半径标注、直径标注、角度标注、布局、视口、图层、线型、文字样式、命名字典、标注、自定义实体、代理实体、反应器等。

主要编辑有：移动、夹点拉伸、偏移、删除、复制、粘贴、旋转、缩放、镜向、离散、图案填充、实心填充、打碎、计算曲线长、面积、最近点、交点、导角、文字变线条等。

几何运算：面积、夹角、向量、矩阵、旋转、缩放、最近点、最近距离、垂足、参数、镜向、平移、交点、打断、延伸、最短路径、最长路径。

项目示例

重要提示：使用最新的chrome浏览器，或edge浏览器访问如下网址。

1、在线MxDraw： ps://www.mxdraw3d.com/sample/vuebrowse/

2、在线MxCAD：ps://demo.mxdraw3d.com:3000/mxcad/, https://demo2.mxdraw3d.com:3000/mxcad/

3、CAD与GIS结合演示：ps://demo.mxdraw3d.com:3000/mxcad/?map=true&maptype=gdslwzj、https://www.mxdraw3d.com/sample/mx-vuemap/?cmd=Mx_CADGISDemo

4、MxCAD云图图库：ps://www.mxdraw3d.com/drawinglibrary.html

功能演示

1.下载

点击 下载 MxDraw 云图开发包。

2.解压

下载好 MxDraw 云图开发包的压缩包后使用解压软件解压（建议解压位置的路径使用英文，路径不要太长），由于开发包的内容很多，解压需要时间，请耐心等待！

解压开发包后，其文件目录如下所示：

3.运行演示

双击解压文件目录下的 Mx3dServer.exe 程序，其启动界面如下：

按照界面提示步骤操作，启动服务，在启动之前我们需要设置防火墙允许这两个服务程序能访问网络：Bin\Release\node.exe 和SRC\TsWeb\nodejs\node.exe，其设置如下：

注意：在启动前，可能需要关闭杀毒软件，它会误报和拦截我们服务器程序访问网络。

4.启动效果

1）服务程序

后端网站服务程序：该服务为用户提供后端支持，如果用户有自己网站服务，可以不启动该程序。

MxDrawNodeJS服务程序：该服务用于后端上传文件转换文件格式。

MxCAD文件上传保存服务程序：CAD图纸编辑后，保存到服务器的服务

2）效果演示

点击“启动浏览器查看演示”，展示前端在线预览CAD图纸

选择本地DWG文件

打开DWG文件，在线预览

点击“VueBrowse”，运行Browse模式

点击“启动MxCAD”，演示前端在线编辑CAD图纸

点击“CAD GIS”，运行MxGIS

点击“启动MxCAD3D”，运行Mx3D