当前位置：网站首页>H5 online CAD background reading and writing CAD files

H5 online CAD background reading and writing CAD files

2022-07-24 22:03:00 【51CTO】

explain

Background offering MxFileConvert.exe Program , It can be CAD The drawing is converted into the format that the foreground can load and display , See ： MxDraw help Medium “ How to browse in your own system dwg file ” chapter , The program can also be used in the conversion process , Use JS Programming , Reading and writing CAD file , And read CAD The drawing data can be written as json file , It is convenient to send it to the front desk .

How to write in the background JS Program

Principle that ：MxFileConvert.exe start-up Node.js, First load the CAD modular , Reload js Program , Then extract CAD Drawing data .

H5 On-line CAD Background read / write CAD file _javascript

Development steps ：

A. install vs2019,node.js,TypeScript Running environment

B. Open the installation directory ,Bin\MxDrawNode\MxDrawNode.sln engineering

Here's the picture ：

H5 On-line CAD Background read / write CAD file _json_02

In the example, use DoGetEntityData Get the object data on the drawing , For example, text data , Then write json file , This file can be used by the foreground Get Agreement acquisition , And then use .

Get the text code on the specified layer as follows ：

       
       export class TestGetEntityData {
       
    private sDwgFileName: string;
       
    private getDataFilePath(): string {
       
        return mxConvert.getConvertPath() + this.sDwgFileName + ".json";
       
    }
       
    //  Get the layer " Floating eaves " The text on 
       
    private getText1() {
       
        //  Get the data , writes sDataFile.
       
        let sDataFile = this.getDataFilePath();
       
        let ss: Mx.MrxDbgSelSet = new Mx.MrxDbgSelSetClass();
       
        //  Create a selection filter condition .
       
        let filter: Mx.MrxDbgRbList = new Mx.MrxDbgRbListClass();
       
        //  Select only text objects .
       
        filter.addString("TEXT", 5020)
       
        //  Layer filtering .
       
        filter.addString(" Floating eaves ", 8);
       
        //  Get all text objects on the graph .
       
        ss.allSelect(filter);
       
        let dataObject: any = {};
       
        let iCount = ss.count;
       
        for (let i = 0; i < iCount; i++) {
       
            //  The selection set is not empty .
       
            let txt: Mx.McDbText = Mx.MxType.MxCast<Mx.McDbText>(ss.item(i), Mx.MxType.TypeString.kMcDbText);
       
            //  Get the text object , Written content .
       
            if (txt) {
       
                if (!dataObject[txt.layer]) {
       
                    dataObject[txt.layer] = [];
       
                }
       
                //  Return the text object data .
       
                let txtData: any = {};
       
                txtData.txt = txt.textString;
       
                txtData.posx = txt.position.x;
       
                txtData.posy = txt.position.y;
       
                dataObject[txt.layer].push(txtData);
       
            }
       
        }
       
        //  Save data file .
       
        MxFun.writeFile(sDataFile, JSON.stringify(dataObject));
       
    }
       
    public Do(filename: string) {
       
        this.sDwgFileName = filename;
       
        this.getText1();
       
    }
       
}
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.

C. compiler , Generate MxConvert.js
hold dist\mxconvert All under directory js Copy program to Bin\Release\mxconvert Under the table of contents , Overwrite original file , Here's the picture ：C. compiler , Generate MxConvert.js

H5 On-line CAD Background read / write CAD file _vscode_03

H5 On-line CAD Background read / write CAD file _vscode_04

D. Start the program

Command line in MxDrawCloudServer\Bin\Release Catalog

Execute code ：

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

Run the extractor , Here's the picture ：

H5 On-line CAD Background read / write CAD file _vscode_05

Successful execution ..\Test Catalog , Generate data files , Here's the picture ：

H5 On-line CAD Background read / write CAD file _json_06

Generated json The contents of the document :

H5 On-line CAD Background read / write CAD file _javascript_07

E. Error viewing , Log file location

In the process of program running , Error message , It will be automatically written to the log file , Log files , The default is in the following directory ：

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

The following screenshots ：

H5 On-line CAD Background read / write CAD file _vue.js_08