网页浏览和编辑DWG快速入门的方法(WEB CAD SDK)

简介: MxDraw云图在线CAD解决方案,包括MxDraw、MxCAD开发包、图纸转换程序和后端服务。支持多种平台和CPU架构,推荐使用最新版Chrome或Edge浏览器。提供AutoCAD各版本dwg格式支持,具备三维和二维编辑功能。提供入门开发指南和功能丰富的示例。用户可下载开发包进行功能演示,包括在线预览和编辑CAD图纸。

简介

MxDraw云图是成都梦想凯德科技推出的一款整套的在线CAD解决方案,它主要包括MxDraw开发包,MxCAD开发包,后端服务程序,图纸转换程序4个部分,其详细说明如下:
1.MxDraw:前端二维绘图开发包,详细参考文档:https://mxcadx.gitee.io/mxdraw_docs/。
2.MxCAD:是基于mxdraw开发的在线CAD开发包,详细参考文档:https://mxcadx.gitee.io/mxcad_docs/zh/。
3.图纸转换程序:用于将CAD图纸转换为我们特有的网页格式mxweb,详细参考文档: https://help.mxdraw.com/?pid=107。
4.后端服务程序:详细参考梦想云图Node.JS服务:https://help.mxdraw.com/?pid=115。
支持平台:Windows系统、Linux系统、国产操作系统、iOS、安卓。
支持CPU架构:X86、ARM、龙芯。
支持浏览器:Chrome,Edge,Firefox, Safari, 360, QQ等浏览器。
建议使用最新版本的chrome浏览器或edge浏览器。

入门开发指导

1.在网页中绘图,其详细操作请参考:快速入门 | mxdraw (gitee.io)
2.在网页中加载编辑CAD图纸,其详细操作请参考:快速入门 | mxcad (gitee.io)

主要功能

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

项目示例

重要提示:使用最新的chrome浏览器,或edge浏览器访问如下网址。
1、在线MxDraw: https://www.mxdraw3d.com/sample/vuebrowse/
2、在线MxCAD:https://demo.mxdraw3d.com:3000/mxcad/, https://demo2.mxdraw3d.com:3000/mxcad/
3、CAD与GIS结合演示:https://demo.mxdraw3d.com:3000/mxcad/?map=true&maptype=gdslwzj、https://www.mxdraw3d.com/sample/mx-vuemap/?cmd=Mx_CADGISDemo
4、MxCAD云图图库:https://www.mxdraw3d.com/drawinglibrary.html

功能演示

1.下载
点击 下载 MxDraw 云图开发包。
image.png

2.解压
下载好 MxDraw 云图开发包的压缩包后使用解压软件解压(建议解压位置的路径使用英文,路径不要太长),由于开发包的内容很多,解压需要时间,请耐心等待!
解压开发包后,其文件目录如下所示:
image.png

3.运行演示
双击解压文件目录下的 Mx3dServer.exe 程序,其启动界面如下:
image.png

按照界面提示步骤操作,启动服务,在启动之前我们需要设置防火墙允许这两个服务程序能访问网络:Bin\Release\node.exe 和SRC\TsWeb\nodejs\node.exe,其设置如下:
image.png

注意:在启动前,可能需要关闭杀毒软件,它会误报和拦截我们服务器程序访问网络。

4.启动效果
1)服务程序
后端网站服务程序:该服务为用户提供后端支持,如果用户有自己网站服务,可以不启动该程序。
image.png
MxDrawNodeJS服务程序:该服务用于后端上传文件转换文件格式。
image.png
MxCAD文件上传保存服务程序:CAD图纸编辑后,保存到服务器的服务
image.png
2)效果演示
点击“启动浏览器查看演示”,展示前端在线预览CAD图纸
image.png
选择本地DWG文件
image.png
image.png
打开DWG文件,在线预览
image.png
点击“VueBrowse”,运行Browse模式
image.png
点击“启动MxCAD”,演示前端在线编辑CAD图纸
image.png
点击“CAD GIS”,运行MxGIS
image.png
点击“启动MxCAD3D”,运行Mx3D
image.png

相关文章
|
7月前
|
API 开发工具 开发者
百宝箱开放平台 ✖️ Web SDK
本服务支持开发者将智能体以网页悬浮窗形式集成至Web页面,通过引入SDK并配置agentId等参数实现交互,需先完成应用发布。
355 0
|
11月前
|
Linux 数据库 数据安全/隐私保护
Python web Django快速入门手册全栈版,共2590字,短小精悍
本教程涵盖Django从安装到数据库模型创建的全流程。第一章介绍Windows、Linux及macOS下虚拟环境搭建与Django安装验证;第二章讲解项目创建、迁移与运行;第三章演示应用APP创建及项目汉化;第四章说明超级用户创建与后台登录;第五章深入数据库模型设计,包括类与表的对应关系及模型创建步骤。内容精炼实用,适合快速入门Django全栈开发。
566 1
|
人工智能
WEB CAD 利用AI编程实现多行文本的二次开发
本文介绍了在MxCAD插件中实现自定义编辑器实体类的功能,重点展示如何通过MxCADMText类在CAD中渲染和管理富文本。文章详细说明了注册同心圆实体文本的步骤,包括实现自定义文本类、注册自定义文本以及交互式修改参数的方法。此外,还扩展实践了粗糙度实体文本的注册与应用,涵盖构造粗糙度自定义实体文本类、注册及初始化过程,并通过示例图展示了运行效果。这些功能可帮助用户将复杂图形以文本形式插入多行文本中,提升项目设计效率。
|
12月前
|
开发者
(WEB CAD online )在线CAD实现圆孔标记功能
本文介绍了通过自定义实体 `McDbTestRoundHoleMark` 实现圆孔标记功能的方法。该功能支持多象限标记、可调节标记角度、多重标记及动态编辑,并自动计算包围盒以优化空间定位与选择操作。核心实现包括类结构定义、数据序列化、标记数据设置、夹点编辑及实体绘制等步骤。用户可通过插件初始化注册并创建圆孔标记,适用于工程图纸标注场景。在线Demo展示了实际效果,便于开发者参考与使用。
|
人工智能 搜索推荐 IDE
突破网页数据集获取难题:Web Unlocker API 助力 AI 训练与微调数据集全方位解决方案
本文介绍了Web Unlocker API、Web-Scraper和SERP API三大工具,助力解决AI训练与微调数据集获取难题。Web Unlocker API通过智能代理和CAPTCHA绕过技术,高效解锁高防护网站数据;Web-Scraper支持动态内容加载,精准抓取复杂网页信息;SERP API专注搜索引擎结果页数据抓取,适用于SEO分析与市场研究。这些工具大幅降低数据获取成本,提供合规保障,特别适合中小企业使用。粉丝专属体验入口提供2刀额度,助您轻松上手!
794 2
|
移动开发 前端开发 API
鸿蒙web加载本地网页资源异常
在鸿蒙NEXT Api 12中,为解决Web组件加载本地资源(如图片、CSS等)失败的问题,我们采用拦截机制。具体步骤如下: 1. **替换路径**:通过正则表达式将HTML和CSS中的资源路径替换为带有标记的URL(如`http://local`),以便后续识别。 2. **拦截与返回**:在资源加载时,拦截带有标记的URL,读取对应的本地文件并返回给Web组件。此过程确保了本地资源能正确加载和显示。 代码实现包括路径替换、资源拦截及响应构建,确保Web页面能够顺利加载本地资源。
703 7
|
存储 JSON JavaScript
WEB CAD插件通过上下文对象MxPluginContext修改UI界面的方法
本文介绍了如何使用MxPluginContext动态控制MxCAD项目的UI界面。通过该上下文对象,开发者可以灵活设置UI配置,如控制操作栏显隐、编辑按钮、添加侧边栏等。具体方法包括调用`getUiConfig()`获取并修改`mxUiConfig.json`中的属性,实现界面的定制化。此外,还提供了控制命令行聚焦的功能,解决输入框焦点锁定问题。详细代码示例和效果对比图展示了具体实现步骤,帮助开发者更好地适配项目需求。
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
JavaScript API 开发工具
(H5-Web3D-ThreeJS)在网页三维CAD中绘制窗户模型
本文介绍了如何使用mxcad3d在网页中创建一个简单的三维窗户模型。通过官方教程搭建环境,编写绘制窗户模型的代码,并在点击按钮后展示模型效果。最终模型包括窗框和玻璃部分,具备丰富的三维建模功能和便捷的API支持。
|
Web App开发 前端开发 网络性能优化
Web网页端IM产品RainbowChat-Web的v7.2版已发布
RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。
287 1

热门文章

最新文章