MxDraw 发表于 2022-2-24 16:50:00

JAVA在线看CAD图纸快速入门

前言
梦想云图开发包,支持所有DWG/CAD图纸的在线浏览、批注、坐标提取、对象选择、编辑等功能,下面讲解如何从零开始使用梦想云图开发包。
开发包下载:
点击 下载开发包,界面如下图所示:


安装开发包
2.安装开发包首先退出杀毒软件,双击安装包MxDrawCloudServer1.0(20220127)TryVersion.exe开始安装,里面包含所有例子、帮助、demo工程,所以安装比较慢,请耐心等待。
安装完成
桌面图标:

,启动开始程序,界面如下:
https://admin.mxdraw3d.com/images/ueditor/1496375662854934528.png
按照提示启动demo,查看demo运行效果。详细内容,可以参考:
java语言后台调用
在线看CAD图纸的原理是:CAD图纸文件上传到服务后台后,调用我们的提供的格式转换程序,把CAD图纸文件做一个格式转换,生成新的格式文件,然后该格式文件转到前台JS加载显示CAD图纸。软件安装目录下:C:\Users\MxDraw\Documents\MxKd\MxDrawCloudServer\Bin\Release\MxFileConvert.exe有一个MxFileConvert.exe程序,使用它对CAD图纸做格式转换。后台JAVA程序如何调用MxFileConvert.exe转换CAD文件格式,代码如下:复制代码
比如: D:/test/test.dwg转换后,生成文件:D:/test/buf/$test.dwg.xxx.wgh1,2.. 文件,如下图:

转换程序,生成一堆的文件,相当于把一个比较大的DWG文件,分成多个小的文件,方便前台JS程序加载显示。把这些生成的文件放到java的Web服务的目录下,必须前台网页可以直接下载这些文件,如下效果:



到目前为止,后台的工作已经准备完成。
前台使用MxDraw,加载CAD图纸
A.新建一个Vue工程详细见:B.安装mxdraw npm插件复制代码
C. 修改main.ts加载,初始化MxDraw插件复制代码
如下图:

D. 修改HelloWorld.vue,加载MxDraw增加canvas画布复制代码
引用MxDraw,创建MxDraw对象
复制代码
如下图的修改:


E. 设置禁用Chrome浏览器的跨域访问复制代码
F. 启动运行,效果如下:


G. 该文章完整例子代码下载:
**** Hidden Message *****
页: [1]
查看完整版本: JAVA在线看CAD图纸快速入门