H5云图后台读写CAD文件-网页CAD，webcad,H5CAD

MxDraw

说明

后台提供MxFileConvert.exe程序，它可以将CAD图纸转换成前台能加载显示的格式，程序调用方法见： https://help.mxdraw.com/?pid=32中的“如何在自己系统中浏览dwg文件”章节，该程序还可以在转换过程中，使用JS编程，读写CAD文件，而读取的CAD图纸数据可以写成json文件，方便传给前台使用。

后台如何写JS程序

原理说明：MxFileConvert.exe启动Node.js，先加载我们提供的CAD模块，再加载js程序，然后提取CAD图纸数据。

开发步骤：

A.安装vs2019,node.js,TypeScript运行环境

B.打开安装目录下，Bin\MxDrawNode\MxDrawNode.sln工程

如下图：

例子中用DoGetEntityData得到图纸上对象数据，比如文本数据，然后写到json文件，该文件前台可以使用Get协议获取，然后使用。

得到指定层上的文字代码如下：

2. export class TestGetEntityData {
   
3.     private sDwgFileName: string;
   
4.     private getDataFilePath(): string {
   
5.         return mxConvert.getConvertPath() + this.sDwgFileName + ".json";
   
6.     }
   
7. 
   
8.     // 得到图层"飘檐"上的文本
   
9.     private getText1() {
   
10.         // 把得到数据，写到sDataFile.
    
11.         let sDataFile = this.getDataFilePath();
    
12. 
    
13.         let ss: Mx.MrxDbgSelSet = new Mx.MrxDbgSelSetClass();
    
14. 
    
15.         // 创建一个选择过滤条件.
    
16.         let filter: Mx.MrxDbgRbList = new Mx.MrxDbgRbListClass();
    
17. 
    
18.         // 只选择文字对象.
    
19.         filter.addString("TEXT", 5020)
    
20. 
    
21.         // 图层过滤.
    
22.         filter.addString("飘檐", 8);
    
23. 
    
24.         // 得到图上所有文字对象.
    
25.         ss.allSelect(filter);
    
26. 
    
27. 
    
28.         let dataObject: any = {};
    
29. 
    
30.         let iCount = ss.count;
    
31. 
    
32.         for (let i = 0; i < iCount; i++) {
    
33.             // 选择集不为空.
    
34.             let txt: Mx.McDbText = Mx.MxType.MxCast<Mx.McDbText>(ss.item(i), Mx.MxType.TypeString.kMcDbText);
    
35. 
    
36.             // 得到文字对象，文字内容.
    
37.             if (txt) {
    
38. 
    
39.                 if (!dataObject[txt.layer]) {
    
40.                     dataObject[txt.layer] = [];
    
41.                 }
    
42.                 // 把文字对象数据返回.
    
43.                 let txtData: any = {};
    
44.                 txtData.txt = txt.textString;
    
45.                 txtData.posx = txt.position.x;
    
46.                 txtData.posy = txt.position.y;
    
47.                 dataObject[txt.layer].push(txtData);
    
48.             }
    
49.         }
    
50. 
    
51.         // 保存数据文件.
    
52.         MxFun.writeFile(sDataFile, JSON.stringify(dataObject));
    
53.     }
    
54. 
    
55. 
    
56.     public Do(filename: string) {
    
57.         this.sDwgFileName = filename;
    
58.         this.getText1();
    
59.     }
    
60. }

export class TestGetEntityData {<br />     private sDwgFileName: string;<br />     private getDataFilePath(): string {<br />         return mxConvert.getConvertPath() + this.sDwgFileName + ".json";<br />     }<br /> <br />     // 得到图层"飘檐"上的文本<br />     private getText1() {<br />         // 把得到数据，写到sDataFile.<br />         let sDataFile = this.getDataFilePath();<br /> <br />         let ss: Mx.MrxDbgSelSet = new Mx.MrxDbgSelSetClass();<br /> <br />         // 创建一个选择过滤条件.<br />         let filter: Mx.MrxDbgRbList = new Mx.MrxDbgRbListClass();<br /> <br />         // 只选择文字对象.<br />         filter.addString("TEXT", 5020)<br /> <br />         // 图层过滤.<br />         filter.addString("飘檐", 8);<br /> <br />         // 得到图上所有文字对象.<br />         ss.allSelect(filter);<br /> <br /> <br />         let dataObject: any = {};<br /> <br />         let iCount = ss.count;<br /> <br />         for (let i = 0; i < iCount; i++) {<br />             // 选择集不为空.<br />             let txt: Mx.McDbText = Mx.MxType.MxCast<Mx.McDbText>(ss.item(i), Mx.MxType.TypeString.kMcDbText);<br /> <br />             // 得到文字对象，文字内容.<br />             if (txt) {<br /> <br />                 if (!dataObject[txt.layer]) {<br />                     dataObject[txt.layer] = [];<br />                 }<br />                 // 把文字对象数据返回.<br />                 let txtData: any = {};<br />                 txtData.txt = txt.textString;<br />                 txtData.posx = txt.position.x;<br />                 txtData.posy = txt.position.y;<br />                 dataObject[txt.layer].push(txtData);<br />             }<br />         }<br /> <br />         // 保存数据文件.<br />         MxFun.writeFile(sDataFile, JSON.stringify(dataObject));<br />     }<br /> <br /> <br />     public Do(filename: string) {<br />         this.sDwgFileName = filename;<br />         this.getText1();<br />     }<br /> }

C.编译程序，生成MxConvert.js

把dist\mxconvert目录下的所有js程序拷到Bin\Release\mxconvert目录下，覆盖原来的文件，如下图：

D.启动程序

命令行入MxDrawCloudServer\Bin\Release目录

执行代码：

1. MxFileConvert.exe {"srcpath":"0008.dwg","nodejs":1,"nodeparam":"4"}

复制代码

运行提取程序，如下图：

成功执行..\Test目录，生成数据文件，如下图：

生成的 json文件内容:

E.错误查看，日志文件位置

在程序运行过程，出现错误信息，会自动写到日志文件中，日志文件，默认在如下目录：

C:\Users\MxDraw\AppData\Local\Temp\MxCloudDebug

如下截图：

日志文件内容：

yonjay

工具类cad转WebCAD是不是要学javascript和h5吗

MxDraw

yonjay 发表于 2022-8-20 16:03
工具类cad转WebCAD是不是要学javascript和h5吗

会JS就行