JAVA在线看CAD图纸快速入门

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

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

lnzpkraxdno.png

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

qogdobcfp5k.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.. 文件，如下图：

iljuyfpm3oy.png

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

dbyc1chopay.png

m2iebnr1xnu.png

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

fxneljzgc0n.png

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

4r42dgyqhmy.png

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

cns3y5ueoo2.png

G. 该文章完整例子代码下载：

本帖以下内容被隐藏保护；需要你回复后，才能看到！