MxDraw-CSDN博客

原创如何在网页打开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 24167 15

原创（WEB前端CAD SDK）在线CAD中实现测量圆、测量面积的方法

为方便后期管理与修改标注，通过继承自定义实体类来扩展实现圆标注类，其中在 mxcad 中圆对象对应的实体类为McDbCircle，该类提供了获取或设置圆相关信息的属性或方法，我们可以根据功能需求去选择调用。在测量圆功能中需要获取圆对象的半径、面积与周长，因此可以调用属性获取圆半径，方法或直接计算来获取圆面积，以及方法获取圆周长。然后利用McDbMText// 自定义圆标注类// 定义McDbTestMeasuringCircle内部的点对象// 圆心// 标注点// 圆半径// 构造函数。

2024-09-18 19:53:34 660

原创在线三维CAD中创建一个三维管道模型

在网页CAD中进行三维建模是一项有趣的任务。本文将介绍如何利用mxcad3d来创建三维管道模型。该工具提供了一系列三维建模功能的API，使得建立复杂的管道结构变得简单直观。2. 编写绘制管道的函数。

2024-09-02 19:09:54 557

原创在线CAD（web cad sdk) 实现图纸比较功能的详细二开教程

设计师在工作中需要对图纸进行多次改版或审核，图纸迭代后，修改的内容与之前内容之间需要比对，因此mxcad 提供给了CAD图纸比对功能，用户使用该功能能够快速识别图纸改版前后的具体差异，另外我们为用户提供了图纸比对相关的的API，用户可根据自身需求对该功能进行深入的二次开发。

2024-08-20 15:06:45 651

原创在线CAD中如何实现二维CAD转三维（网页CAD二次开发SDK）

网页CAD中经常有这样的需求：将二维的CAD图纸通过转换为三维的形状（如将平面二维的图形向上拉伸一定的高度），进而进行三维展示的效果，本文以将平面二维的图形向上拉伸一定的高度为例，实现二维CAD图形转三维图形。

2024-08-06 13:47:41 703

原创网页三维CAD参数化建模开发框架的搭建教程

以上代码会创建一个MxCAD3DObjectl类型的对象mxcad3d，并在初始化完成后输出一条消息，mxcad3d代表的是一个文档视图对象，能把创建的模型数据保存到文档，并且显示到视图上。mxcad3d中的create()方法需要等canvas元素在页面加载完成后才能调用，因此需要将 script 标签放在 body 标签内部，让浏览器先完成HTML页面的解析，再下载并执行script标签中的代码。参数化创建：方块、圆柱、圆锥、球体、圆环、楔形、拉伸、旋转体、放样、管道等。倒角运算：圆角、斜角。

2024-07-05 11:56:32 775

原创 HTML浏览CAD（WEB CAD）二次开发常用的CAD编辑功能的详细教程

网页CAD中常见的修改和编辑命令有很多，例如移动、复制、缩放、旋转、镜像、剪切、延伸、阵列、修改和编辑，这些命令可以帮助用户对绘图进行修改、调整和优化，提高工作效率和设计质量。我们可以通过调用实体的 [clone()]() 方法复制多个对象，也可对一个或多个对象进行多次复制。该方法是通过变换矩阵实现图形的编辑，具体矩阵变换原理可参考。该方法是通过变换矩阵实现图形的编辑，具体矩阵变换原理可参考。方法复制对象，该方法是通过变换矩阵实现图形的编辑，具体矩阵变换原理可参考。此外，我们还可以调用实体的。

2024-07-04 19:13:38 776

原创在线CAD(html预览cad插件)二次开发块表

由于图块中的实体可能是另外的一个图块，因此，在遍历图块下所有实体时我们还需要遍历图块中的图块。我们可以调用图块引用实体 McDbBlockReference 对象中的 getAllAttribute() 方法获取图块中的所有属性文字。方法把一个DWG文件，插入到图上，指定一个块名，放在块表记录中，下面以在文件中插入一个图章为例，点击。图块记录中存放着所有实体数据，用户可以通过改变图块的属性设置来修改其对应着的实体数据。属性值为引用的图块ID ，就能实现在图纸中插入目标块。

2024-06-07 16:10:51 938

原创在线CAD（云CAD）实现自定义实体的详细方法

方法是在点击这个渲染好的图形时提供一个操作点位，即返回自定义的编辑夹点，并在点击操作点移动的回调函数。自定义实体在CAD二次开发中使用的频率较高，本章节主要阐述网页CAD中使用自定义实体的方法，中继承实体的名称、属性、方法，也可结合自身需求对自定义实体类中的属性或方法进行重写。2. 调用上述实现的自定义类 McDbLineText ，实现绘制函数。可以根据用户的具体需求来创建和管理自定义实体，可以通过从自定义实体类。上面的代码是最简单的画直线的操作，更复杂点的自定义实体例子，可以打开。

2024-05-27 13:34:53 930

原创 WEB预览CAD（手机小程序浏览DWG）二次开发图层表的方法

在DWG数据库中，图层存放在图层层表 McDbLayerTable() 当中,层表中每一条记录称为图层表记录对象 McDbLayerTableRecord()。每一个图层表记录对象都对应一个图层，而且可以设置颜色、线型、关闭/打开、冻结等属性，其中DWG数据库默认总是有一个"0"层，该层不能被删除。

2024-05-08 16:14:40 782

原创网页CAD二次开发修改UI配置的方法

我们根据 mxcad 开发包开发了一个完整的在线CAD应用，它包括了绘图、编辑、文字样式设置、图层设置、线型设置等功能的实现。我们同时提供了一个插件的开发接口，用户可以在该接口的基础上进行二次开发，这样就能够为用户减少从头开发的工作量，可以快速将一个完整的CAD项目集成到用户需要的项目中去。1. 若用户需要修改项目界面样式，可以在 xCAD APP 项目下的 src 文件夹下新建一个css文件或scss文件，在该文件内通过目标元素的类名、属性名或者id名修改元素样式，并将该文件引入项目中运行。

2024-04-24 17:21:16 1133

原创 H5网页CAD二次开发实现圆转多边形功能的方法

2. 外切于圆：即目标圆为多边形的内切圆，它与多边形的每条边都相切，且与多边形的中心在同一直线上。圆转多边形功能是根据用户输入的边数将目标圆转变成正多边形，其中转变方式分两种情况，一种是转换后的正多边形内接于目标圆，一种是转换后的正多边形外切于圆。1. 内接于圆：即目标圆为多边形的外接圆，它与多边形的每个顶点都相接。本章节我们重点讲述一下。3. 然后让用户根据需求选择内接于圆或外切于圆的圆转多边形转换方式，默认选择内接于圆方式。2. 在项目中添加命令行，实现功能的动态交互功能，具体操作请参考。

2024-04-07 15:15:44 306

原创在线CAD二次开发中动态交互式绘制星形的教程

除了上述绘制星形的方法外，还可以根据 [mxcad 官方文档]([mxcad | mxcad & 提供在线CAD编辑能力](https://mxcad.github.io/mxcad_docs/zh/)) 结合。在 mxcad 中绘制星形，本质上还是绘制多段线，下面我们将介绍如何使用mxcad中的多段线去绘制一个支持自定义大小与定点数的星形，实现一个动态交互式的绘制星形功能。4.获取星形的外半径，根据上述操作中获取的星形顶点数，在内外半径所在圆上交错取点，获取到目标星形的所有端点，然后通过实例化一个。

2024-03-21 15:57:01 734

原创在线CAD二次开发中实现交互绘制的详细步骤

取点对象中还提供了setUserDraw()方法设置交互过程的动态绘制调用对象，在该过程中所绘制的图像都是临时绘制，不会保存在画布中。在画布中绘制基本图形前，先要学会点对象的绘制（复杂图形都由点、线、面组成），mxdraw.js中提供了API MrxDbgUiPrPoint用于构建一个取点对象，并提供一系列方法属性辅助用户绘图，点击。在动态绘制中的绘制的图形都是临时的，意味着这些图形最终是不会保持在画布上的，如果需要将动态绘制的图形保存在画布上请调用取点对象的。图形对象具体如何实现动态绘制的请前往。

2024-03-01 16:19:52 1168

原创免费的谷歌地图下载器（高清效果，超快下载）

CAD梦想画图地图下载器，是一个专门下载地图瓦片数据的工具，可以从谷歌地图、高德地图、腾讯地图、OSM地图、百度地图、天地图等网络地图中下载瓦片地图,并可无缝拼接成大图，生成TIFF文件，方便大家离线或户外查看地图。

2024-02-22 19:17:41 675

原创网页CAD二次开发（在线CAD SDK）用到的数学库

在CAD二次开发中, 正确的使用数学库是十分重要的, 我们并不需要会很多数学知识, 只需要会普通的四则运算和调用mxcad提供的api即可，我们通过。

2024-01-29 14:30:13 1413

原创梦想绘图网页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 404

原创在线CAD（网页编辑DWG）实现打开CAD图纸的方式

注意DEMO中的mxcad和mxdraw库是通过CDN方式引入的，如果你发现打开页面后没有CAD图纸显示，可能是你无法访问CDN资源，可以。最后我们将转换的文件放在了服务器上，当然你也可以上传到oss或者其他云存储上，然后返回对应的访问地址就可以了。来实现保存CAD图纸, 它实际上帮我们将当前的mxweb数据上传到了你指定的一个后端接口中，然后上传到服务器，后端将mxweb格式的数据写在一个mxweb格式的文件中，程序将mxweb格式文件转换为CAD图纸的文件, 然后返回对应的访问地址。

2024-01-11 18:58:37 4334

原创网页CAD中选择图形进行编辑（WEB CAD SDK）

在网页修改DWG，经常会有对图形进行编辑以及对图形的夹点进行编辑的需求MxCAD提供的在线版CAD提供了这样的功能，效果如下：选择图形编辑功能mxcad在默认配置下是开启了选择图形的编辑功能, 我们可以通过mxdraw提供的实现各种初始化配置, 配置参数参考iniConfig// 启动夹点编辑功能, 开启单选图形(mxcad默认开启)// 开启多选})通过如上设置, 我们就可以通过鼠标对应的图形进行编辑和选择。// 需要等待createMxCad完成创建控件后才能得到。

2023-12-29 14:25:02 475

原创网页版CAD(WEB CAD SDK)绘制的批注信息如何保存到图纸上

第一种方式是将这个数据保存在服务器的数据库中，再次打开这张图纸的时候，再去请求得到对应的批注数据，通过。根据上文所述，我们知道了保存批注到图纸中的整个实现，可用参考代码或者直接使用这个接口。提供的方法调用的, 你可以根据源码中使用方式，完善绘制更多自定义的图形到图纸中。返回的对应的这个图形需要的一些数据, 最终组成这样一个个的批注数据上传到服务器中。如上代码中，将各种不同的批注都绘制到图纸中, 最终将图纸保存在参数提供的。就是现在网页上打开的图纸的原图纸再服务器上的地址。可得到一个解压后的目录。

2023-12-18 13:56:26 1016

原创在线CAD（网页编辑DWG）中使用mxcad库绘制矩形

在cad中多段线去绘制圆弧我们只需要计算它的凸度就可以形成圆弧了，现在已经知道矩形的倒角连成的直线，那么也就知道了圆弧的开始点和结束点。在mxcad中绘制矩形，本质上还是绘制多段线，那如何用mxcad中的多段线去绘制一个支持倒角和圆角的矩形呢，在autocad中绘制一个矩形会通过一些命令或者输入关键字来确定是否需要倒角圆角或者通过面积, 宽高去绘制。下面我们将模仿autocad的绘制矩形的交互绘制, 完整的实现一个动态交互式的绘制一个矩形出来。然后我们对角点,倒角距离，圆半径这些参数来确定矩形的坐标点了。

2023-12-04 10:40:54 1203

原创网页CAD SDK前端库绘制规则多边形图形

在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。mxcad是一个基于 TypeScript 的前端库，专为 CAD 开发者设计。它提供了丰富的 API 和功能，用于创建、编辑和展示 CAD 图形。通过导入各种模块实现各种绘制任务。下面以绘制规则多边形为例，介绍如何使用 mxcad 绘制多边形。将下面的。

2023-11-16 19:13:17 183

原创网页CAD SDK 集成后怎么实现参数化绘图（在线编辑CAD）

在线CAD上述代码会在用户输入对应类型的数据后按下回车键(Enter或者Esc)才会往下执行, 通过setMessage设置提示，最终得到用户输入的数据, 通过这些数据进行参数化绘图。如果上述位置属性是用户通过点击或者输入框输入，mxcad就提供了这样一套用于获取用户输入并在绘制中得到输入的机制，最频繁的应该是鼠标点击输入。上述代码打印的就是一个坐标点了, 其坐标点是用户通过鼠标点击获取到的对应的图纸坐标位置。存储的初始化各种示例项目查看代码来实现显示图纸的页面。的类的所有实例，它们都可以进行参数化的绘图。

2023-11-03 18:40:06 254

原创在线CAD(web cad sdk)前端直接获取修改转换后的图纸数据

在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据，如图层、文字样式、图块、以及图形对象中的数据等等，我们经常需要拿到这些数据并对它们进行修改，然后在显示的图纸上应用这些修改后的数据。Mxcad在线CAD提供了数据库，专门用于处理这些数据的增删改查，当转换的图纸打开后, 就会存在这个打开图纸的数据库，我们可以从数据库中得到想要并修改想要的数据。的实例, 可以查看到获取表的方法和对应的表实例说明, 其他表的数据修改和图层表类似，可根据文档自行实现数据增删改查。

2023-10-30 14:58:27 200

原创网页CAD二次开发（WEB CAD SDK）实现单行和多行文字的绘制

今天讲一下如何利用WEB CAD SDK来绘制单行文字和多行文字，在使用mxcad绘制文字之前请先按照mxcad文档将cad图纸在网页上渲染出来, 如果没有阅读mxcad文档可能无法理解后续代码。

2023-10-13 19:25:41 219

原创 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 162

原创在线编辑DWG（MxCad项目二次开发插件集成）

该项目主要用于对集成MxCad在线编辑页面, 通过一些配置和插件实现自己的图纸编辑页面，MxCad在线编辑前端项目是基于Vue3和vuetify3 UI框架实现的。

2023-09-20 15:43:47 422

原创在线CAD（H5网页CAD SDK）实现阵列功能

在线CAD SDK的集成过程中，甲方客户可能有阵列功能的需求，作为开发者如何利用WEB CAD SDK展现此功能效果呢？本章节我们重点讲述一下。代码中主要让用户输入一些行列数和偏移距离以及角度值, 然后得到选中图形, 得到其包围盒,并计算出变换矩阵, 复制这些对象然后绘制在画布。阵列功能是按一定规律对某个或多个图形组合进行复制偏移，生成出新的图形组合。在实现它之前我们要确保已经用mxcad库在页面中显示了一个cad图纸。然后我们用鼠标点击一个或者多个图形, 就可以选中它们。

2023-09-11 10:01:02 138

原创在线CAD中根据图框拆分DWG图纸和转成pdf打印

多数时候CAD图纸中有很多的图框，我们需要将图纸按照不同的图框拆分成多张图纸，或者按图框拆分后的图纸自动转成PDF后打印，桌面端的CAD软件可以实现，但WebCAD中如何根据图框拆分DWG图纸和转成pdf打印呢？首先我们需要通过mxdraw库来显示预览图框，并且可以绘制一个选框来选择需要裁剪的内容，然后通过梦想云图NodeJS服务中对应的API接口进行处理，得到一个裁剪后的图纸或者pdf文件。1.要将图纸框选的部分打印成pdf或者保存为dwg文件，就需要使用到云图开发包中提供的Node服务，首先下载。

2023-08-28 11:00:31 316

空空如也

空空如也