找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 527|回复: 3

在线CAD SDK 网页浏览编辑DWG图纸的方法

[复制链接]
发表于 2023-11-15 14:19:23 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
本帖最后由 ywl0224 于 2023-11-15 14:21 编辑


简介

提示:目前提供两种在网页中浏览编辑CAD图纸方案,详细说明见:https://help.mxdraw.com/?pid=46
提示:MxDraw云图在线API教程:https://demo.mxdraw3d.com:3562/mxdrawcloud/index.html
提示:MxDraw云图github:https://github.com/mxcad
全新在线CAD平台,基于JavaScript、WebGL、C++、Node.js、Three.js技术,前台使用html5方式,在线处理二维、三维CAD图纸。可用于图纸管理、交流、批注、信息提取、三维展示等场景,支持dwg,dxf,dwf等文件格式,后台使用高效C++程序开发,异步多线程、多进程架构。平台前后台都提供js语言开发接口,开发人员就只需要会JS语言,就可以快速搭建自己的在线CAD绘图平台。该系统可以在Windows、Linux、Android、iOS等系统上使用,真正一份代码,全平台支持。

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

在线演示网址1:
https://www.mxdraw3d.com/sample/vuebrowse/
在线MxCAD
https://demo.mxdraw3d.com:3000/mxcad/  
CAD与GIS结合演示网址,请使用chrome,或edge浏览器:
https://www.mxdraw3d.com/sample/mx-vuemap/?cmd=Mx_CADGISDemo
MxCAD云图:
https://www.mxdraw3d.com/
MxCAD云图图库:
https://www.mxdraw3d.com/drawinglibrary.html
MxDraw npm 包在线帮助:
https://mxcadx.gitee.io/mxdraw_docs/start/abstract.html#%E6%A6%82%E8%BF%B0
MxCAD npm 包在线帮助:
https://mxcadx.gitee.io/mxcad_docs/zh/
MxDraw与MxCAD区别:
MxDraw包是一个前端基于three.js的绘图平台,如果不需要编辑浏览CAD图纸,可以只使用MxDraw包用于前端绘图
MxCAD包是在MxDraw的基础上,增加了CAD功能,它相对于MxDraw更加复杂,需要CAD功能,就使用MxCAD包




主要功能
支持AutoCAD R14 到AutoCAD 2021的所有dwg图纸格式,未来也将支持新出现的AutoCAD文件格式。
三维支持:创建锥、柱、环等基本几何体, 对几何体进行布尔操作(相加、相减、相交运算)、倒角、斜切、镂空、偏移、扫视,、几何空间关系计算(法线、点积、叉积、投影、拟合等)、几何体分析(质心、体积、曲率等)、空间变换(平移、缩放、旋转)等功能。
二维支持:CAD图纸信息搜索提取、测距离、算面积、批注、捕捉、正交、曲线离散、偏移、打断、阵列、扩展数据读写、扩展记录读写、构造选择集、动画、自定义实体、组、超连接、Undo、Redo、字典、图层、标注样式、线型样式、文字样式、视口、布局、用户坐标系、系统变量、图纸比较、动态提示等。
主要实体有:直线、圆弧、Polyline、样条线、圆、椭圆、椭圆弧、IMAGE、点、块引用、外部块参照、射线、云线、文本、多行文本、对齐标注、旋转标注、半径标注、直径标注、角度标注、布局、视口、图层、线型、文字样式、命名字典、标注、自定义实体、代理实体、反应器等。
主要编辑有:移动、夹点拉伸、偏移、删除、复制、粘贴、旋转、缩放、镜向、离散、图案填充、实心填充、打碎、计算曲线长、面积、最近点、交点、导角、文字变线条等。
几何运算:面积、夹角、向量、矩阵、旋转、缩放、最近点、最近距离、垂足、参数、镜向、平移、交点、打断、延伸、最短路径、最长路径。



下载开发包
点击 http://www.mxdraw.com/download.html下载开发包,界面如下图所示:
在线CAD SDK 网页浏览编辑DWG图纸的方法-1.png
下载后的文件是压缩包,使用解压软件解压,建议解压位置的路径使用英文,路径不要太长
注意:开发包的内容很多,解压需要一些时间,请耐心等待!

解压目录内容如下:
在线CAD SDK 网页浏览编辑DWG图纸的方法-2.png





运行演示
双击解压目录Mx3dServer.exe 程序, 启动界面如下:

在线CAD SDK 网页浏览编辑DWG图纸的方法-3.png
按照界面操作,点击按钮,启动服务。
注意:在启动前,可能需要关闭杀毒软件,它会误报和拦截我们服务器程序访问网络。
注意:一定要防火墙允许我们的服务程序访问网络。

设置防火墙,允许这两个程序能访问网格:Bin\Release\node.exe和SRC\TsWeb\nodejs\node.exe,如下图:
在线CAD SDK 网页浏览编辑DWG图纸的方法-4.png
启动后的效果如下:
1. 后台网站服务程序,如果用户有自己网站服务,可以不需要启动该程序。
在线CAD SDK 网页浏览编辑DWG图纸的方法-5.png

2. MxDrawNodeJS服务,后台上传文件 ,文件格式转换的服务
在线CAD SDK 网页浏览编辑DWG图纸的方法-6.png

3.  MxCAD文件上传保存服务,CAD图纸编辑后,保存到服务器的服务
在线CAD SDK 网页浏览编辑DWG图纸的方法-7.png

4. 前台演示效果:
在线CAD SDK 网页浏览编辑DWG图纸的方法-8.png

在线CAD SDK 网页浏览编辑DWG图纸的方法-9.png
5. 选择文件后:
在线CAD SDK 网页浏览编辑DWG图纸的方法-10.png
6. 打开DWG图纸:
在线CAD SDK 网页浏览编辑DWG图纸的方法-11.png
7. Browse模式运行效果:
在线CAD SDK 网页浏览编辑DWG图纸的方法-12.png
8. MxCAD运行效果:
在线CAD SDK 网页浏览编辑DWG图纸的方法-13.png
9. MxGIS运行效果:
在线CAD SDK 网页浏览编辑DWG图纸的方法-14.png

10. Mx3D运行效果:
在线CAD SDK 网页浏览编辑DWG图纸的方法-15.png



如何在线浏览编辑dwg文件
如何在线浏览编辑CAD图纸的原理是:CAD图纸文件上传到服务后台后,调用我们的格式转换程序,把CAD图纸文件转换成我们的CAD格式mxweb文件,然后把该文件传给前台JS程序加载显示CAD图纸。
DWG文件格式转换有两个方法:
方法1:调用我们后面服务转换,详细参考:https://help.mxdraw.com/?pid=115
方法2:调用mxcadassembly.exe转换,软件所在目录:Bin\MxCAD\Release\mxcadassembly.exe
调用命令:
mxcadassembly.exe {'srcpath':'D:/Test/test.dwg'} 或 mxcadassembly.exe 'D:/Test/test.dwg'
后台JAVA程序如何调用mxcadassembly.exe转换CAD文件格式,代码如下:

F. 建议打包的网页程序,使用iframe引用到实际项目工程,这个方法最简单
参考:sample\Browse\2d\Browseiframe工程,当然你也可以使用mxdraw,mxcad npm包开发

如何在网页中编辑CAD图纸:
A. 参考开发包解压目录sample\Edit\2d\MxCAD的Demo代码
B. 进入sample\Edit\2d\MxCAD 安装依赖包,建议使用yarn安装
yarn
C. 使用vscode打开sample\Edit\2d\MxCAD目录并启动服务,如下图:
在线CAD SDK 网页浏览编辑DWG图纸的方法-16.png
D. 浏览器访问http://localhost:3366/,效果如下:
在线CAD SDK 网页浏览编辑DWG图纸的方法-17.png
E. 建议打包的网页程序,使用iframe引用到实际项目工程,这个方法最简单
参考:sample\Edit\2d\MxCADiframe工程,当然你也可以使用mxdraw,mxcad npm包开发
完整的demo代码下载
https://demo.mxdraw3d.com:3562/MxCADCode.7z


在线CAD原理说明
前台网页使用JS+html5开发,不需要安装任何插件,建议使用最新Chrome浏览器,CAD图形的渲染基于WebGL,使用Three.js三维开源平台。
后台使用Node.js,TS,c++语言开发,后台把DWG图纸格式解析成我们的mxweb文件格式后,传送给前台编辑,在线编辑CAD详细教程:快速入门 | mxcad (gitee.io),编辑模式原理说明如下:
在线CAD SDK 网页浏览编辑DWG图纸的方法-18.png

CAD文件转成编辑格式mxweb
1)Windows系统使用Bin\MxCAD\Release\mxcadassembly.exe转换;Linux系统使用Bin\Linux\BinMxCAD\mxcadassembly转换,如下图:
在线CAD SDK 网页浏览编辑DWG图纸的方法-19.png

2)也可以直接调用我们梦想云图Node.JS服务转换,详见:https://help.mxdraw.com/?pid=115中的A条说明。



Linux转换CAD文件到mxweb格式
Linux版本的转换程序,在安装目录的:Bin\Linux\BinMxCAD路径下,如下图:
在线CAD SDK 网页浏览编辑DWG图纸的方法-20.png
把该目录下的文件,拷到 Linux系统上,执行如下命令,增加文件的执行权限
sudo chmod -R 777 mxcadassembly
sudo chmod -R 777 ./mx/so/*
sudo  cp -r -f ./mx/locale /usr/local/share/locale

执行命令把dwg转成mxweb格式:./mxcadassembly 1.dwg
如下图:
在线CAD SDK 网页浏览编辑DWG图纸的方法-21.png


论坛插件加载方法
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;
如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子标题加上【已解决】;
如何回报帮助你解决问题的坛友,一个好办法就是给对方加【D豆】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

已领礼包: 226个

财富等级: 日进斗金

发表于 2023-12-7 09:18:52 | 显示全部楼层
谢谢分享!!!!!!
论坛插件加载方法
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;
如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子标题加上【已解决】;
如何回报帮助你解决问题的坛友,一个好办法就是给对方加【D豆】,加分不会扣除自己的积分,做一个热心并受欢迎的人!
回复

使用道具 举报

已领礼包: 226个

财富等级: 日进斗金

发表于 2023-12-16 08:42:37 | 显示全部楼层
谢谢分享!!!!!
论坛插件加载方法
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;
如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子标题加上【已解决】;
如何回报帮助你解决问题的坛友,一个好办法就是给对方加【D豆】,加分不会扣除自己的积分,做一个热心并受欢迎的人!
回复

使用道具 举报

已领礼包: 226个

财富等级: 日进斗金

发表于 2024-6-16 07:38:57 | 显示全部楼层
好资源,谢谢分享!!!!!
论坛插件加载方法
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;
如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子标题加上【已解决】;
如何回报帮助你解决问题的坛友,一个好办法就是给对方加【D豆】,加分不会扣除自己的积分,做一个热心并受欢迎的人!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|申请友链|Archiver|手机版|小黑屋|辽公网安备|晓东CAD家园 ( 辽ICP备15016793号 )

GMT+8, 2024-12-21 23:12 , Processed in 0.416074 second(s), 36 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表