- 综合排序
- 最热优先
- 最新优先
- 来自专栏网页CAD
（H5查看CAD）网页CAD SDK快速集成
前言我们基于mxcad创建了一个在线的CAD项目，该项目中包含了预览、编辑图纸、操作图纸数据库等多种CAD功能。用户集成后支持二次开发。 当前我们提供了两种集成方式，方案1：通过iframe集成mxcad项目；方案2：直接在项目中集成mxcad-app插件。 下面我们详细讲解第2种mxcad-app的集成方式，这种方式与iframe嵌套集成相比更加方便，集成后也只需要维护当前一个系统项目。 -------------------------------------------------- //绘制一个点划线虚线 mxcad.addLinetype("MyLineType2" , "10,-2,3,-2"); //把线型改点划线 mxcad.drawLinetype = "MyLineType2"; // 修改绘线的颜色为 255(红色), 255转成
30110编辑于 2025-10-15 (在线CAD插件）网页CAD提取图纸表格到excel
前言 CAD图纸上的表格信息承载着大量关键数据，生产过程中会导出表格数据到excel，本文将介绍如何通过自定义 MxCAD 插件，在web端实现对CAD图纸中表格的智能识别、自动合并与高效导出，大幅提升数据提取效率与准确性 **横向合并优先** 2. **纵向合并补充** 纵向合并仅在横向合并后形成的 **2×2 子矩阵仍包含 `null` 元素** 时触发。 3.2 横向合并逻辑 系统将整个表格划分为多个 **2×2 子矩阵块**，每个块以左上角单元格命名（如 `B2` 表示第2行第2列开始的块）。 对于每一个 2×2 块，若其四个角点中有 `null`，则判定为“不完整”，需要参与合并。 3.4 合并结果生成 合并完成后，系统计算最小行/列与最大行/列，生成新的 2×2 矩阵代表合并区域的四个角点，并记录其原始单元格范围（如 `"A1+B1+A2+B2"`）。
66310编辑于 2025-09-01- 来自专栏网页CAD
网页CAD实现图纸比较功能(html在线预览cad)
前言 设计师在工作中需要对图纸进行多次改版或审核，图纸迭代后，修改的内容与之前内容之间需要比对，因此mxcad 提供给了CAD图纸比对功能，用户使用该功能能够快速识别图纸改版前后的具体差异，另外我们为用户提供了图纸比对相关的的 更多文章和链接请关注公众号：梦想云图网页CAD。 图纸比对步骤 1. 打开mxcad在线示例demo：https://demo.mxdraw3d.com:3000/mxcad/ 2. 点击【打开文件】，打开目标CAD图纸，如下图所示： 3. 点击【工具(A)】菜单栏，选择【图纸比对】按钮，如下图所示： 4. 在弹出的文件选择器中，选择需要比对的图纸。 2. 比对结果详情 点击“DWG比对”，显示出设置面板，设置面板位置可根据个人习惯调整。
1.2K10编辑于 2024-08-23 - 来自专栏网页CAD
网页CAD开发包结构与功能说明（WEB CAD Online）
浏览版项目示例） └─ 2d └─ Browseiframe （iframe嵌套集成示例） └─ Browse （CAD浏览版项目源码目录）专注于图纸查看场景，支持轻量级部署：2d/Browse ：纯 2D 图纸浏览页面2d/Browseiframe：通过 iframe 嵌套集成的浏览模式，便于嵌入第三方系统（3）Edit—— CAD 编辑版项目源码目录Winodws/Linux:MxDrawCloudServer 它基于 Express 框架构建，负责托管所有网页文件（如 2D 编辑器、3D 查看器、文件浏览器等），并将你的操作请求转发给 CAD 引擎。你看到的界面、按钮、工具栏，都由这个服务提供。 2. start_demo.sh：Linux平台云图服务启动脚本start_demo.sh是MxDraw云图开发包在 Linux 系统下的标准启动脚本，用于一键初始化完整的 Web CAD 演示环境。 其功能与 Windows 平台的 Mx3dServer.exe 完全对等，确保跨平台体验一致。
15810编辑于 2026-03-11 - 来自专栏网页CAD
（二维CAD图纸网页编辑）在线CAD实现多重引线功能
箭头引注 本章介绍如何利用 mxcad 插件实现在CAD图纸中箭头引注的功能，该功能中用户点击画布确定箭头起点，再次连续点击画布确定箭头引线顶点及终点位置。 number = alginType.start; // 记录初始长度 private arrowLength: number = MxFun.viewCoordLong2Cad /2)); const line1 = new McDbLine(point1,point2); const line2 = new McDbLine const vec = pt2.sub(pt1).normalize().mult(this.height / 2); const _vec = vec.clone().rotateBy (Math.PI / 2).normalize().mult(this.height / 2); this.angle = vec.angleTo2(McGeVector3d.kXAxis
37910编辑于 2024-10-23 - 来自专栏网页CAD
网页CAD二次开发（在线CAD SDK）用到的数学库
CAD坐标系：是指CAD图纸的坐标系, 在mxcad中[McGePoint3d]的坐标就是CAD图纸坐标。 (e.clientX, e.clientY) // 文档坐标转CAD图纸坐标 const pt = MxFun.docCoord2Cad(x, y, 0) (point.y + pt.y) / 2) // 计算向量长度 pw.drawText("向量长度:" + vet.length(), MxFun.viewCoordLong2Cad , vet.x) * (180 / Math.PI)).toFixed(2) + "°", MxFun.viewCoordLong2Cad(20), 0, point.toVector3()) (300)) const vet2 = new McGeVector3d(MxFun.viewCoordLong2Cad(300), 0) const size = MxFun.viewCoordLong2Cad
60210编辑于 2024-06-20 - 来自专栏网页CAD
网页编辑DWG框架搭建快速入门（WEB CAD SDK）
简介MxDraw网页CAD，它主要包括MxDraw开发包，MxCAD开发包，后端服务程序，图纸转换程序4个部分，其详细说明如下：1.MxDraw：前端二维绘图开发包。 2.MxCAD：是基于mxdraw开发的在线CAD开发包。3.图纸转换程序：用于将CAD图纸转换为我们特有的网页格式mxweb。4.后端服务程序：详细参考梦想云图Node.JS服务。 支持平台：Windows系统、Linux系统、国产操作系统、iOS、安卓。支持CPU架构：X86、ARM、龙芯。 入门开发指导1.在网页中绘图，其详细操作请参考：快速入门 | mxdraw (gitee.io) 2.在网页中加载编辑CAD图纸，其详细操作请参考：快速入门 | mxcad (gitee.io)主要功能支持 MxCAD文件上传保存服务程序：CAD图纸编辑后，保存到服务器的服务2）效果演示点击“启动浏览器查看演示”，展示前端在线预览CAD图纸选择本地DWG文件打开DWG文件，在线预览点击“VueBrowse”
1K00编辑于 2025-08-18 - 来自专栏网页CAD
（WEB集成CAD插件）网页CAD绘制条形码、二维码的教程
2. mxcad实现绘制条形码根据上述条形码绘制原理可知，只要我们能够知道条形码的编码规则将条形码内容转换为一串二进制数据并根据二进制数据的具体值确定条形码条、空的组合，我们就可以在 mxcad 中通过 The position in the array is the (checksum) valuevar characters = [ "0", "1", "2", "3", "4", "5 = new McDbTestBarCode(); barCode2.barCodeContent = 'A little test!' ; barCode2.barCodeType = 'CODE128'; barCode2.barCodePos = new McGePoint3d(-2000, 100, 0); barCode2 2.mxcad 实现绘制二维码二维码的编码规则我们可以直接借助二维码开源js库QRCode.js ，更多详细内容看参考：https://github.com/davidshimjs/qrcodejs。
67410编辑于 2025-01-20 - 来自专栏网页CAD
（网页三维CAD)二维CAD图转三维的实现方法
一、前言网页CAD中经常有这样的需求：将二维的CAD图纸通过转换为三维的形状（如将平面二维的图形向上拉伸一定的高度），进而进行三维展示的效果，本文以将平面二维的图形向上拉伸一定的高度为例，实现二维CAD 二、mxcad和mxcad3dmxcad是一个功能丰富、简易高效的二维CAD开发框架，它提供丰富的二次开发接口，支持在网页中渲染、读写多种CAD图纸格式，如dwg、dxf等格式文件。 mxcad3d是一个三维CAD开发框架，为开发者提供了丰富的参数化建模的开发接口，用户可以在网页中高效、便捷的对基本三维模型进行创建并显示。三、基本流程1. 通过mxcad打开并读取CAD图纸中的图元数据。2. 通过mxcad3d，将上一步读取到的CAD图纸中的图元数据作为三维模型的建模数据进行建模。 （mxweb是dwg文件转换后能够在网页进行读写的文件格式，编辑完毕后也可以保存回dwg格式） fileUrl: new URL("..
73910编辑于 2024-08-16 - 来自专栏网页CAD
在线CAD绘制门和窗（网页端编辑DWG SDK）
一、前言Mxcad是使用TypeScript、C++语言开发的一个网页CAD底层平台，它为用户提供了丰富的开发接口，此框架功能丰富、使用简易高效，可帮助大家在网页二开与自己专业相关的网页CAD应用。 _windowWidth / 2)); const pt2 = this.endPt.clone().addvec(v.clone().mult(this. _windowWidth / 6))); const line2 = line.clone() as McDbLine; line2.move(this.windowPosition McGeVector3d.kXAxis, McGeVector3d.kNegateZAxis);// 墙体的角度 const angle2 = _v.angleTo2 this.quadrant = 2; } else if (Math.PI <= angle && angle < Math.PI * 3 / 2) {
59310编辑于 2025-10-15 - 来自专栏hotqin888的专栏
网页html web直接打开cad文件dwg格式等的方法
但支持中文字体最好，有小小水印，但是我们网页上打开图纸，不都是只是为了瞄一眼嘛，不在乎这点水印。 ? html调用代码： <!
7.4K10发布于 2018-09-11 - 来自专栏网页CAD
（JS编辑DWG文件）网页CAD插件二开形位公差标注
形状公差（Form Tolerance）2. 方向公差（Orientation Tolerance）3. 位置公差（Location Tolerance）4. 2. 基准要素：作为参照的标准几何要素，通常用大写字母 A、B、C 表示。3. 公差带：允许误差存在的区域范围，通常是二维或三维的空间区域。4. ); const pt = pt1.clone().addvec(vec); const _vec = vec.clone().rotateBy(Math.PI / 2).normalize ).addvec(vec_x.clone().mult(1 / 2)); text.location = center; text.textStyle = ' 使用前需要确保已正确加载字体文件（cxgdtshp.shx 和 cxgdt.shx）2. 形位公差的绘制需要按照正确的顺序设置各个点（起点、转折点、标注点、终点）3.
38810编辑于 2025-07-23 - 来自专栏网页CAD
网页三维CAD参数化建模开发框架的搭建教程
前言 mxcad3d是基于mxdraw的基础上，使用TypeScript和C++语言开发的一个网页三维CAD参数化建模框架，我们为开发者提供了丰富的参数化建模的开发接口，用户可以高效、便捷的对基本图元进行创建 、同时丰富的JS开发接口方便了用户实现复杂的模型创建和CAD二次开发，网页测试DEMO链接如下：https://demo.mxdraw3d.com:3000/mxcad3d/。 /src/index.ts"></script> </body> </html> 启动网页服务、运行网页 完成以上步骤后，运行下面的命令启动项目,输入命令：npx vite，打开网页.如下图： 以上代码会创建一个 drawBox() { // 获取文档 const doc = mxcad3d.getDocument(); const pt1 = new Mx3dGePoint(5, 5, 5); const pt2 = new Mx3dGePoint(15, 15, 15); // 构造BOX const boxMaker = new Mx3dMkBox(pt1, pt2); // 获取拓扑形状 const
47410编辑于 2024-07-19 - 来自专栏Web行业观察
静态网页托管平台的选择
无意间发现以前的一个仓库，是用Github Pages搭建的静态博客，其中介绍了这个静态网页托管服务的优势，一起来看看当时的我是怎么说的。。。 Blog Lite 0.1.1 ? 上次这个博客还是在阿里云的OSS上面, 虽然oss很便宜但还是没有一种”永久使用权”的归属感, 于是我遇到了Github Pages: https://pages.github.com/ 相比其他的blog平台 我当初写Blog Lite的初衷是做一个”目录”来把我的许多第三方博客平台和个人网站统一起来, 一目了然, demo也可以在我的page上看到: https://jinhengyu.github.io/ 可以看出其结构, 首先这个矩形是一个黄金矩形, 即宽高比例是1:0.618, /* gold = (5**0.5-1)/2 */, 标题在左下角, logo在右侧, 为了美观, 你之后在填写data.json 的时候有几点需要注意: 标题不能太长, 控制在2~20个字符之间 背景图可压缩, 但最好以淡色为主(为了突出logo) logo请裁剪成透明png, 同时宽高比尽可能接近1:1(不够的可拿透明色填充)
2.1K30发布于 2021-04-23 - 来自专栏网页CAD
（html端编辑DWG）网页CAD中如何二开测量圆、测量面积功能
一、前言本章将介绍如何利用mxcad插件实现在CAD图纸中测量圆和测量面积的功能，用户点击目标圆对象将自动标记出这个圆的半径、面积值和周长值，同时可以自定义选择标注文字的位置，测量圆功能能够快速掌握目标圆对象的数据信息 radius * radius; const mText = new McDbMText(); mText.contents = `半径：${radius.toFixed(2) } \\P 周长：${length.toFixed(2)} \\P 面积：${area.toFixed(2)}` mText.textHeight = radius / 6; pt1) return; const getPt2 = new MxCADUiPrPoint(); getPt2.setMessage('请选择矩形的角点2'); // 动态绘制矩形 = await getPt2.go(); if (!
59010编辑于 2024-09-23 - 来自专栏程序编程之旅
HTML---网页编程(2)
通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站，这符合人类的跳跃思维方式。链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮，使它和整个网页融为一体。 所谓的超文本链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。 2）明确提交方式，通过指定method属性值。如果不定义，那么method的值默认是get。 2) 服务器端进行了增强型的校验，客户端是否还要校验？ 都需要！ 头标签 <head> 头标签都放在<head></head>头部分之间。 div p dl ol ul table title 2) 行内标签(元素)：标签结束后没有换行。
2.8K10发布于 2021-01-21 - 来自专栏用户9786412的专栏
怎样将PDF文件转成CAD图纸？网页上传PaperCloud一键帮你转换
下面小编给大家介绍一款PDF转CAD的神器——PaperCloud网站，助你一键把pdf转换成cad可以识别dwg文件。 百度搜索【Papercloud网站】进入到【文档转换菜单】，点击PDF转DWG的按钮上传所需要转换的PDF文件即可 图片 图片 图片 转换成功后，我们在转换列表中可以找到转成功的文件 图片 下载后在CAD
1.9K00编辑于 2022-06-03 - 来自专栏网页CAD
网页CAD二次开发实现圆转多边形的详细教程
前言 在线CAD SDK的集成过程中，甲方客户可能有实现圆转多边形功能的需求，作为开发者如何利用WEB CAD SDK展现此功能效果呢？本章节我们重点讲述一下。环境搭建1. 2. 在项目中添加命令行，实现功能的动态交互功能，具体操作请参考[mxcad |命令行]。 因此我们可以通过在目标圆上均匀取点找到多边形的所有顶点，最后通过多段线闭合连接成多边形，如下图：2. 外切于圆：即目标圆为多边形的内切圆，它与多边形的每条边都相切，且与多边形的中心在同一直线上。 push(point.val) } let pl2 = new McDbPolyline(); arr2.forEach(i => { pl2.addVertexAt(i) }) pl2.isClosed = true; mxcad.drawEntity(pl2);
45910编辑于 2024-04-09 - 来自专栏学习猿地
Web前端学习 第2章 网页重构8 网页结构
一、树状结构 树状结构概述 在学习网页布局之前，我们需要先了解树状结构的基本概念。 DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title 三、网页布局 观察设计稿 画出树状结构 ├─html │ ├─div │ │ ├─h2 │ │ │ └─精选手册 │ │ │ ├─a │ │ │ 但是缺点也是有的，那就是网页会多出很多没有必要的div。但是对于初学者来说，制作网页的过程，多两个div不是问题，结构混乱才，不容易调试才是最大的问题。 四、课后练习： 画出融职教育首页的网页树状结构，下图为参考答案。 要求如下： 写出所有元素节点和文本节点 适当标注出class属性节点，为后续添加样式做准备。 我们将会在第10节完成此设计稿的重构。
64010发布于 2020-06-15 - 来自专栏网页CAD
（VUE编辑DWG）网页CAD二次开发中线型表的使用方法
import { MxCpp } from "mxcad" // 得到当前cad对象 let mxcad = MxCpp.getCurrentMxCAD(); // 获取线型表 let 修改线型mxcad 中修改线型的基础操作为删除原有线型，再重新添加定义线型，最后将目标对象新型设置为新增的线型，下面以让用户在CAD图上选择一个文字对象，然后操作对象所应用线型样式为例： import ["HW",STANDARD,S=.1,R=0.0,X=-0.1,Y=-.05],-.2',""); if(! mxcad.addLinetype("MyLineType2", "15,-5,3,-5"); //把线型改点划线 mxcad.drawLinetype = "MyLineType2 mxcad.drawLine(350, 120, 600, 120);效果如下图： 2. 项目实践通过该demo在线修改CAD内图纸的实体线型，以及个性化设置每个实体的线型样式。
31010编辑于 2025-10-15
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号