- 博客(638)
- 资源 (1)
- 收藏
- 关注
原创 如何在网页打开CAD,DWG文件,(在线CAD)在线CAD平台,H5前端显示CAD,网页CAD
简介:全新在线CAD平台,基于JavaScript,WebGL,C++,Node.js,Three.js技术,前台使用html5方式,在线处理二维、三维CAD图纸,用于图纸管理、交流、批注、信息提取、三维展示等场景,支持dwg,dxf,dwf等文件格式,后台使用高效C++程序开发,异步多线程,多进程架构。平台前后台都提供js语言开发接口,开发人员就只需要会js语言,就可以快速搭建自己的在线CAD绘图平台。该系统可以在Windows、Android,iOS等系统上使用,真正一份代码,全平台支持...
2020-12-21 15:38:01 20439 15
原创 在线CAD二次开发中动态交互式绘制星形的教程
除了上述绘制星形的方法外,还可以根据 [mxcad 官方文档]([mxcad | mxcad & 提供在线CAD编辑能力](https://mxcad.github.io/mxcad_docs/zh/)) 结合。在 mxcad 中绘制星形,本质上还是绘制多段线,下面我们将介绍如何使用mxcad中的多段线去绘制一个支持自定义大小与定点数的星形,实现一个动态交互式的绘制星形功能。4.获取星形的外半径,根据上述操作中获取的星形顶点数,在内外半径所在圆上交错取点,获取到目标星形的所有端点,然后通过实例化一个。
2024-03-21 15:57:01 650
原创 在线CAD二次开发中实现交互绘制的详细步骤
取点对象中还提供了setUserDraw()方法设置交互过程的动态绘制调用对象,在该过程中所绘制的图像都是临时绘制,不会保存在画布中。在画布中绘制基本图形前,先要学会点对象的绘制(复杂图形都由点、线、面组成),mxdraw.js中提供了API MrxDbgUiPrPoint用于构建一个取点对象,并提供一系列方法属性辅助用户绘图,点击。在动态绘制中的绘制的图形都是临时的,意味着这些图形最终是不会保持在画布上的,如果需要将动态绘制的图形保存在画布上请调用取点对象的。图形对象具体如何实现动态绘制的请前往。
2024-03-01 16:19:52 943
原创 免费的谷歌地图下载器(高清效果,超快下载)
CAD梦想画图地图下载器,是一个专门下载地图瓦片数据的工具,可以从谷歌地图、高德地图、腾讯地图、OSM地图、百度地图、天地图等网络地图中下载瓦片地图,并可无缝拼接成大图,生成TIFF文件,方便大家离线或户外查看地图。
2024-02-22 19:17:41 416
原创 网页CAD二次开发(在线CAD SDK)用到的数学库
在CAD二次开发中, 正确的使用数学库是十分重要的, 我们并不需要会很多数学知识, 只需要会普通的四则运算和调用mxcad提供的api即可,我们通过。
2024-01-29 14:30:13 1117
原创 梦想绘图网页CAD功能更新(在线CAD平台SDK)
1.H5在线DEMO:https://demo.mxdraw3d.com:3000/mxcad/2.下载地址:https://www.mxdraw.com/ndetail_40255.html。13. 开发接口数量达到AutoCAD的70%1.增加对OLE,IMAGE,外部参照的支持。11. 修改dwg转pdf的一些问题。4.写扩展记录,对扩展字典的支持。10. 修改一堆的显示问题。8.增加设置显示顺序功能。12. 修改视区旋转功能。2.增加自定义实体功能。9. 支持点样式功能。
2024-01-22 16:25:54 349
原创 在线CAD(网页编辑DWG)实现打开CAD图纸的方式
注意DEMO中的mxcad和mxdraw库是通过CDN方式引入的,如果你发现打开页面后没有CAD图纸显示,可能是你无法访问CDN资源,可以。最后我们将转换的文件放在了服务器上,当然你也可以上传到oss或者其他云存储上,然后返回对应的访问地址就可以了。来实现保存CAD图纸, 它实际上帮我们将当前的mxweb数据上传到了你指定的一个后端接口中,然后上传到服务器,后端将mxweb格式的数据写在一个mxweb格式的文件中,程序将mxweb格式文件转换为CAD图纸的文件, 然后返回对应的访问地址。
2024-01-11 18:58:37 1123
原创 网页CAD中选择图形进行编辑(WEB CAD SDK)
在网页修改DWG,经常会有对图形进行编辑以及对图形的夹点进行编辑的需求MxCAD提供的在线版CAD提供了这样的功能,效果如下:选择图形编辑功能mxcad在默认配置下是开启了选择图形的编辑功能, 我们可以通过mxdraw提供的实现各种初始化配置, 配置参数参考iniConfig// 启动夹点编辑功能, 开启单选图形(mxcad默认开启)// 开启多选})通过如上设置, 我们就可以通过鼠标对应的图形进行编辑和选择。// 需要等待createMxCad完成创建控件后才能得到。
2023-12-29 14:25:02 384
原创 网页版CAD(WEB CAD SDK)绘制的批注信息如何保存到图纸上
第一种方式是将这个数据保存在服务器的数据库中,再次打开这张图纸的时候,再去请求得到对应的批注数据,通过。根据上文所述,我们知道了保存批注到图纸中的整个实现,可用参考代码或者直接使用这个接口。提供的方法调用的, 你可以根据源码中使用方式,完善绘制更多自定义的图形到图纸中。返回的对应的这个图形需要的一些数据, 最终组成这样一个个的批注数据上传到服务器中。如上代码中,将各种不同的批注都绘制到图纸中, 最终将图纸保存在参数提供的。就是现在网页上打开的图纸的原图纸再服务器上的地址。可得到一个解压后的目录。
2023-12-18 13:56:26 911
原创 在线CAD(网页编辑DWG)中使用mxcad库绘制矩形
在cad中多段线去绘制圆弧我们只需要计算它的凸度就可以形成圆弧了,现在已经知道矩形的倒角连成的直线,那么也就知道了圆弧的开始点和结束点。在mxcad中绘制矩形,本质上还是绘制多段线,那如何用mxcad中的多段线去绘制一个支持倒角和圆角的矩形呢,在autocad中绘制一个矩形会通过一些命令或者输入关键字来确定是否需要倒角圆角或者通过面积, 宽高去绘制。下面我们将模仿autocad的绘制矩形的交互绘制, 完整的实现一个动态交互式的绘制一个矩形出来。然后我们对角点,倒角距离,圆半径这些参数来确定矩形的坐标点了。
2023-12-04 10:40:54 990
原创 网页CAD SDK前端库绘制规则多边形图形
在 CAD(计算机辅助设计)领域,绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库,提供了丰富的绘图和设计功能,使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程,深入了解其基本概念和功能。mxcad是一个基于 TypeScript 的前端库,专为 CAD 开发者设计。它提供了丰富的 API 和功能,用于创建、编辑和展示 CAD 图形。通过导入各种模块实现各种绘制任务。下面以绘制规则多边形为例,介绍如何使用 mxcad 绘制多边形。将下面的。
2023-11-16 19:13:17 80
原创 网页CAD SDK 集成后怎么实现参数化绘图(在线编辑CAD)
在线CAD上述代码会在用户输入对应类型的数据后按下回车键(Enter或者Esc)才会往下执行, 通过setMessage设置提示,最终得到用户输入的数据, 通过这些数据进行参数化绘图。如果上述位置属性是用户通过点击或者输入框输入,mxcad就提供了这样一套用于获取用户输入并在绘制中得到输入的机制,最频繁的应该是鼠标点击输入。上述代码打印的就是一个坐标点了, 其坐标点是用户通过鼠标点击获取到的对应的图纸坐标位置。存储的初始化各种示例项目查看代码来实现显示图纸的页面。的类的所有实例,它们都可以进行参数化的绘图。
2023-11-03 18:40:06 165
原创 在线CAD(web cad sdk)前端直接获取修改转换后的图纸数据
在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据,如图层、文字样式、图块、以及图形对象中的数据等等,我们经常需要拿到这些数据并对它们进行修改,然后在显示的图纸上应用这些修改后的数据。Mxcad在线CAD提供了数据库,专门用于处理这些数据的增删改查,当转换的图纸打开后, 就会存在这个打开图纸的数据库,我们可以从数据库中得到想要并修改想要的数据。的实例, 可以查看到获取表的方法和对应的表实例说明, 其他表的数据修改和图层表类似,可根据文档自行实现数据增删改查。
2023-10-30 14:58:27 116
原创 网页CAD二次开发(WEB CAD SDK)实现单行和多行文字的绘制
今天讲一下如何利用WEB CAD SDK来绘制单行文字和多行文字,在使用mxcad绘制文字之前请先按照mxcad文档将cad图纸在网页上渲染出来, 如果没有阅读mxcad文档可能无法理解后续代码。
2023-10-13 19:25:41 136
原创 Web cad(私有云CAD SDK)中实现插入图块的方法
CAD制图的过程中会有很多重复的图元需要绘制,为了节约绘制时间,我们会把部分图元保存成图块,下次就可以快速和多次的插入到相应的图纸位置中,提高绘图效率。https://gitee.com/mxcadx/mxdraw-article/tree/master/插入图块功能/demo.zip。的操作, 实现dwg文件到mxweb文件的转换, 让它支持在页面中显示。实现插入图块功能,首先需要将这个图块dwg文件转换成mxweb文件。有了mxweb文件,就可以通过。这样我们就完成了图块的插入。
2023-09-28 15:57:33 72
原创 在线编辑DWG(MxCad项目二次开发插件集成)
该项目主要用于对集成MxCad在线编辑页面, 通过一些配置和插件实现自己的图纸编辑页面,MxCad在线编辑前端项目是基于Vue3和vuetify3 UI框架实现的。
2023-09-20 15:43:47 189
原创 在线CAD(H5网页CAD SDK)实现阵列功能
在线CAD SDK的集成过程中,甲方客户可能有阵列功能的需求,作为开发者如何利用WEB CAD SDK展现此功能效果呢?本章节我们重点讲述一下。代码中主要让用户输入一些行列数和偏移距离以及角度值, 然后得到选中图形, 得到其包围盒,并计算出变换矩阵, 复制这些对象然后绘制在画布。阵列功能是按一定规律对某个或多个图形组合进行复制偏移,生成出新的图形组合。在实现它之前我们要确保已经用mxcad库在页面中显示了一个cad图纸。然后我们用鼠标点击一个或者多个图形, 就可以选中它们。
2023-09-11 10:01:02 89
原创 在线CAD中根据图框拆分DWG图纸和转成pdf打印
多数时候CAD图纸中有很多的图框,我们需要将图纸按照不同的图框拆分成多张图纸,或者按图框拆分后的图纸自动转成PDF后打印,桌面端的CAD软件可以实现,但WebCAD中如何根据图框拆分DWG图纸和转成pdf打印呢?首先我们需要通过mxdraw库来显示预览图框,并且可以绘制一个选框来选择需要裁剪的内容,然后通过梦想云图NodeJS服务中对应的API接口进行处理,得到一个裁剪后的图纸或者pdf文件。1.要将图纸框选的部分打印成pdf或者保存为dwg文件,就需要使用到云图开发包中提供的Node服务,首先下载。
2023-08-28 11:00:31 196
原创 在线CAD(H5云图SDK)平台,在线编辑DWG功能更新2023.08.19
2. 完成CAD的复制,移动,旋转,缩放,偏移功能。5. 增加ZoomAll,ZoomW,重绘按钮。6. 增加在线CAD模块的插件开发功能。3. 增加在线CAD的布局切换。4. 修改个别图纸显示不准问题。1. 重构cad三维模块。
2023-08-23 10:03:15 127
原创 网页CAD的mxdraw库实现Autocad中的圆
Web端显示CAD图纸的应用场景很广泛,单纯的浏览DWG逐渐满足不了用户的实际需求,能浏览图纸的同时进行简单的绘制和批注更符合实际应用场景,接下来我们讲一下如何利用Mxdraw库实现AutoCAD中的画圆命令。首先我们知道DWG图纸要在网页上显示需要安装转换程序,在测试开始之前,我们要熟悉转换方法和原理,请查看。
2023-08-16 14:03:42 84
原创 H5在线CAD实现一种绘制圆弧的方式
假设已知点A(point1)、点B(point2)和点C(point3),则可以计算出AB线段的中点和垂直于AB的斜率,再计算出BC线段的中点和垂直于BC的斜率,最后求出这两条垂直平分线的交点即为圆的中心点。绘制圆弧的方式有很多种,而mxdraw库的方式是通过继承Mx3PointArc类来实现两点绘制圆弧的功能,类似于多样线画圆弧,只需要确定两个点就可以画一个圆弧的效果,这两个点分别是圆弧的开始点和圆弧的结束点。2.接下来,通过圆心和起点(point1)的距离来确定圆的半径(radius)。
2023-07-31 09:28:50 231
原创 在线CAD如何配合three.js绘制带线宽的线段
在线CAD的产品经常会被集成到很多用户的网页系统内,前端开发人员只要会Java Script,就可以对在线CAD进行集成和二次开发,今天这篇文章我们讲一下梦想CAD控件云图(H5方式)如何配合three.js绘制带线宽的线段。现在我们有了points数据了,这些点可以构成一段段的线段,但是它现在还不能在画布中渲染,这时还需要用three.js来实现一个带线宽的线段结合体,这个如何实现呢?这样就得到了一个线宽比,用线宽比去乘以目前设置的dLinewidth宽度,就算实现需要的宽度了。
2023-07-17 10:39:42 402
原创 在线CAD 的前端框架搭建(网页显示CAD图纸)
DWG格式的图纸是AutoCAD的私有格式,很多用户需要在网页端查看和编辑CAD图纸,传统的方式是企业购买梦想CAD控件的OCX方案,此方案开发时间久且编辑功能丰富,但因新版谷歌浏览器不再支持AcitveX控件,因此更多的用户希望以Html5的方式实现在线CAD功能,今天我们就来讲一下梦想CAD控件的H5方案如何在网页显示CAD图纸。
2023-07-10 14:06:38 1666 2
原创 在线CAD(mxdraw库)如何自定义一个等腰三角形
网页版 CAD 是指可以在 Web 浏览器中运行的计算机辅助设计软件,也被称为 Web CAD,它可以通过网页浏览器进行交互和操作,使用户无需下载和安装 CAD 应用程序,而是在 Web 界面上直接浏览、修改、交互和保存CAD图纸。但是由于网页版 CAD 的功能和性能限制,它相对于桌面版 CAD 仍然有一定的局限性,下面我们使用行业内代表产品梦想CAD云图(H5在线CAD),完成一个自定义等腰三角形的图形。
2023-07-10 14:02:08 319
原创 MxDraw(在线CAD,H5开发CAD) 2023.05.23更新
下载地址:https://www.mxdraw.com/ndetail_40248.html。3. 修改Linux下,转换大图纸时,有部分照出当前视范围 ,就不显示问题。7. 增加对对象的引用计数判断,防止对象被释放,出错崩溃。6. 修改iconv 在centos7上不对问题。2. 增加addControlsEvent函数。8. 修改老版本dxf文件,文字位置不对问题。4. 在CAD打开图纸增加多线程支持。5. 修改片元程序编译加载失败问题。1. 完善了CAD在线编辑功能。
2023-05-23 13:45:24 205
原创 梦想Android版CAD控件(安卓APP集成CAD)2023.05.22更新
6. 增加SHADER_NAME_POSITION_COLOR_DRAWORDER,显示顺序支持。测试地址:https://www.mxdraw.com/ndetail_40246.html。2. 修改有ECS坐标的标注对象,显示位置不对问题。11.修改图块中的PL线的线型比例显示不对问题。1. 增加不需要文件权限,也能打开例图的功能。5. 修改个别情况下图块的线型比例不对问题。4. 增加getUcsMatrix函数。7. 修改大量图块时,捕捉很慢的问题。10. 优化大量文字的图纸的显示。
2023-05-23 13:45:24 103
原创 梦想Android版CAD控件(安卓CAD)2023.02.26更新
1. 增加willBeReturnStart事件2. 增加使用OpenGL缓存3. 优化界面响应时间4. 修改在个别图纸上大量的小对象图块,缩小后就不显示问题5. 修改图块中的对象有时捕捉不灵的问题
2023-02-28 11:27:46 152
原创 MxDraw(H5在线CAD)网页浏览DWG,CAD 2023.02.26更新
1. 梦想服务上传CAD文件格式转换,增加转换后的文件例表返回2. 增加绘制图片Tag功能3. 修改在一些图纸布局中的线型显示不对问题4. 修改一些图纸,超出范围显示不对问题
2023-02-27 17:19:44 833
原创 梦想Android版CAD控件2022.11.14更新(安卓CAD控件,苹果CAD控件)
1.增加SetUserInputArrowLineWidth,setUserInputCircleType设置输入箭头线宽,和圆类型2.增加CAD标注对象类3.增加CAD标注文字提取函数4.修改打开有些图纸MLINE的对象出错问题
2022-11-14 14:22:41 609
原创 梦想CAD控件(网页CAD,web浏览cad) 2022.09.20更新
1.增加CAD圆形视口的显示。2. 修改0层被冻结后,0层上的块引用对象不显示问题。3. 修改图块中的对象,捕捉有时捕捉不上的问题。5. 修改文字宽度缩放比例为0时,显示不对问题。8. 增加取角度函数,可以设置参考方向api。9. 修改有些字体中的钢筋符号,显示?7. 修改图块中,复杂线型的显示比例问题。4. 修改有些文件,不能显示问题。1. 增加CAD圆形视口的显示。6. 修改多线段中圆弧偏移问题。
2022-09-22 16:43:12 322
原创 H5在线CAD,网页CAD,MxDraw云图平台2022.08.24更新
5. 互联网地图:百度矢量、百度影像、高德矢量、高德矢量,无注记版、高德影像、GeoQ普通地图、GeoQ浅色地图、GeoQ深蓝色地图、GeoQ暖色调地图、OSM地图、天地图地形、加载天地图普通地图、天地图影像。2. threejs对象:四棱锥标注动画、波动光圈、飞线线、雷达扫描、径向渐变球、立体光墙、波动光墙、模型动画、拉伸模型、three图层。3. deck图层:弧线图层、散点图层、等线值图层、线动画图层、图案填充图层、点云图层、场景图层、网格图层、模型图层、路径流动图层。1. 增加对像扩展数据功能。
2022-08-24 15:57:47 758
原创 CAD与GIS集成说明(在线CAD结合GIS,webCAD)
首先,示例源码是基于Vue3和mapbox-gl实现的一个交互式地图示例展现页面,比如上述与各其他由webgl封装的各种可以和mapbox-gl集成的前端库的使用示例,以及CAD图纸展现在mapbox-gl地图中的示例,我们可以理解为mxdraw是专注处理CAD图纸的渲染,而mapbox-gl 是地图的渲染, 其他展示的库也都是围绕mapbox-gl展开的。
2022-08-19 10:39:04 1121
原创 H5在线CAD后台读写CAD文件
Node环境安装这里以一个Vue3工程为例子首先安装Node下载 | Node.jshttps://nodejs.org/zh-cn/download/请根据电脑操作系统安装对应的安装包步骤 1 : 双击下载后的安装包,如下所示:步骤 2 : 点击上图的Run(运行),将出现如下界面:步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :步骤 4 : Node.js默认安装目录为 C:\Program Files\nodejs\, 你可以修改目录,并.
2022-07-15 14:42:05 1403
原创 梦想CAD和GIS结合展示效果
演示网址:https://www.mxdraw3d.com/sample/vuemapbox/(请使用谷歌或Edge浏览器)1.综合示例:人员定位与数据监控,城市3d显示效果。2.threejs对象:四棱锥标注动画、波动光圈、飞线线、雷达扫描、径向渐变球、立体光墙、波动光墙、模型动画、拉伸模型、three图层。3.deck图层:弧线图层、散点图层、等线值图层、线动画图层、图案填充图层、点云图层、场景图层、网格图层、模型图层、路径流动图层。4.L7图层:光柱和路径动画、飞线线动画、蜂窝图3D、渐变柱状
2022-06-24 16:57:22 367
原创 梦想Android版CAD控件2022.06.22更新,APP查看CAD图纸
下载地址:https://www.mxdraw.com/ndetail_30186.html1. 优化大量文字占用太多内存2. 修改图块剪切边界,显示效率问题3. 增加非异步打开图纸时,默显示区域取图纸保存视区4. 修改DrawImageMark函数,比例为负时,它代表图片高不起作用问题5. 修改有些Instance图块选不准的问题6. 增加safeObjectId功能,对对象的id做安全判断,如果id不存在,也不会出错7. 增加给图纸设置用户坐标系函数:setUcsMatrix...
2022-06-23 11:51:18 377
原创 网页打开DWG图纸,浏览器直接打开CAD图纸,MxDraw云图平台(H5在线cad) 2022.05.19更新
下载地址:https://www.mxdraw.com/ndetail_30184.html1.完善VueBrowse例子2.完善MxDrawNpm包3.完善MxDraw云图API帮助教程:https://mxtmpweb.mxdraw.f3322.net:3562/mxdrawcloud/index.html4.完善MxDraw云图的快速入门教程:https://help.mxdraw.com/?pid=325.增加MxDraw云图github仓库demo:https://g......
2022-05-19 15:04:01 1087
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人