全新唯杰WebCAD编辑平台发布：全面拥抱AI，WebCAD智能体(Agent)来了

前言

唯杰地图vjmap 和 vjmap3d一直专注于 CAD 图纸与 GIS 地图的完美结合与高性能展示，帮助众多企业解决了“CAD图纸在Web端看图与GIS融合”的难题。

然而，随着业务的深入，我们收到了大量用户的反馈：“只能看图和做简单的批注还不够，我们需要在浏览器里直接编辑 CAD 图纸！”、“我们需要一个能完全替代传统桌面 CAD 的轻量级 Web 方案！”、“如果能让 AI 帮我们画图和改图就好了！”

为了满足这些硬核需求，历经数月的底层架构重构与开发，今天，我们非常激动地宣布：全新唯杰WebCAD编辑平台正式发布！

这不仅仅是一个能在网页上画线的工具，而是一个全面拥抱 AI、支持海量图纸处理、具备完整 CAD 编辑能力的现代化 WebCAD 平台。

一、产品功能与核心优势

唯杰 WebCAD 致力于打造下一代 Web 端的专业 CAD 引擎，在保证轻量级的同时，提供了媲美桌面端 CAD 的强大能力与极致体验。

1. 轻量级 WebCAD 编辑平台方案

唯杰 WebCAD 采用现代化的前端技术栈（TypeScript + WebGL + WebAssembly）构建，无需安装任何插件或客户端，在浏览器中即可直接运行。

  • 丰富的实体支持：内置 20+ 种核心几何实体（如直线 Line、圆 Circle、圆弧 Arc、多段线 Polyline、样条曲线 Spline、单行/多行文字 Text/MText、块引用 Insert、填充 Hatch 等），并支持自定义实体扩展。

  • 专业的编辑命令：实现了上百个专业的绘图与修改命令（如 COPY、MOVE、ROTATE、SCALE、TRIM、EXTEND 等），以及完善的属性编辑（颜色、图层、线型、线宽等）。

  • 完整的撤销重做：内置强大的 Undo/Redo 系统，支持操作历史记录与批量撤销，让编辑更加安心。

    image-20260308211706102

2. AutoCAD 格式 DWG 完全兼容

数据互通是 CAD 平台的基础。唯杰 WebCAD 实现了对 AutoCAD 格式的深度兼容：

  • 原生读写：支持多个版本的 DWG 和 DXF 文件格式的导入与导出。

  • 元数据保留：完美保留图纸中的图层、线型、块定义、文字样式（支持 TrueType 和 SHX 字体）、外部参照等核心属性。

  • 无缝衔接：编辑完成后的图纸可一键导出为标准 DWG，与传统桌面 CAD 软件无缝配合。

3. 大图纸处理与瓦片编辑模式

针对动辄几十兆甚至上百兆的超大 CAD 图纸（如城市规划图、大型建筑图），传统的 Web 方案往往会卡顿甚至崩溃。我们独创了瓦片编辑模式：

  • 按需加载：将 CAD 图纸在服务端预渲染为多级分辨率的图片瓦片，客户端只需加载视口内的瓦片，实现秒级打开。

  • 区域/图层编辑：通过 TILEEDITAREA（区域编辑）或 TILEEDITLAYER（图层编辑）命令，按需加载局部实体数据进行编辑。

4. 协同编辑与版本管理

告别传统图纸通过文件传来传去的低效协作！唯杰 WebCAD 引入了类似 Git 的图纸版本管理理念：

  • 分支管理：支持创建 main、feature 等分支，多名设计师可以基于同一张图纸进行独立的在线制图与更新。

  • Patch 版本链：每次保存都会生成增量的 Patch 版本，记录新增、修改、删除的实体及图层变更。

  • 冲突解决：合并分支时，系统会自动检测冲突，并提供服务端优先、本地优先或手动解决的冲突解决策略，大幅提升团队协作效率。 image-20260308211740575

5. GIS 地图无缝叠加

继承了 vjmap 强大的 GIS 基因，WebCAD 编辑平台原生支持 CAD 图纸与互联网地图（如天地图、高德等）的无缝叠加。在真实的地理空间坐标系下进行 CAD 绘制与编辑，让工程设计与地理信息完美融合。

image-20260308211909839

6. 丰富的高级智能功能

除了基础绘图，平台还内置了众多提效神器：

  • 表格提取：提供强大的表格提取 API，智能识别 CAD 图纸中的表格线条与文字，支持全图、区域或指定图层提取，一键导出为结构化数据。

  • SVG 转 CAD：轻松将矢量图形导入为 CAD 实体。

  • 图片转矢量：自动提取栅格图像的轮廓并转换为 CAD 线条。

  • 中心线提取：为复杂的管道、道路等双线图形快速提取中心线。

    image-20260308212129185

7. 强大灵活的二次开发能力

唯杰 WebCAD 提供了极其丰富的 API 接口和完善的扩展机制，赋能开发者打造专属 CAD 软件。用户完全可以基于这个平台，结合自身的业务需求，二次开发出属于自己的“WebCAD + AI”垂直行业平台。

为了帮助开发者快速上手，我们提供了上百个开箱即用的二次开发在线示例，涵盖了从基础初始化到高级功能扩展的方方面面：

  • 基础与 UI 扩展：包括引擎初始化、多语言切换、Ribbon 功能区定制、右键菜单扩展、对话框与侧边面板开发。

  • 实体与几何计算：涵盖所有基础实体（直线、圆、多段线等）的创建与编辑，以及复杂的几何计算（相交判断、包围盒计算、面积距离测量等）。

  • 交互与命令开发：演示了如何获取用户输入（点选、框选、数值输入），以及如何利用状态机模式开发带有实时预览和撤销重做功能的自定义命令。

  • 插件与事件系统：展示了插件的完整生命周期管理，以及如何利用 Before/After 事件驱动架构和反应器系统（Reactor）实现实体间的联动更新。

  • 高级应用场景：提供了瓦片模式加载、图纸版本控制与分支合并、SVG/图片导入矢量化、表格智能提取等综合性业务场景示例。

    image-20260308212240172

8. 丰富的内置插件与插件生态

唯杰 WebCAD 采用了高度模块化的设计，许多高级功能都是通过插件（Plugin）的形式提供的。平台不仅支持用户自定义插件，还内置了一系列强大的官方插件，开箱即用：

  • AI 插件 (ai-plugin)：接入大模型，提供自然语言绘图、智能问答、图纸语义搜索等 AI 助理功能。

  • 视图与渲染插件 (view3d-plugin)：扩展了 3D 视图查看能力，让 2D 图纸也能在三维空间中进行多视角预览。

  • 插入与提取插件 (insert-plugin)：提供图片转矢量导入（INSERTIMAGE）、插入表格（INSERTTABLE）以及智能提取图纸表格（EXTRACTTABLE）等高级功能。

  • 批注插件 (annotation-plugin)：提供专业的尺寸标注、面积测量、引线标注等批注工具。

  • 行业应用插件：如建筑插件（architecture-plugin）和管网拓扑插件（network-graph-plugin），展示了如何将基础 CAD 能力封装为垂直行业的专业工具。

    image-20260308212338991

    image-20260308212502470

开发者可以参考这些官方插件的源码，利用脚手架工具（create-plugin.js）快速初始化自己的插件工程，将专属业务逻辑无缝集成到 WebCAD 的 Ribbon 菜单和命令系统中。

二、全面拥抱 AI：WebCAD 智能体 (Agent) 来了！

在 AI 时代，工具的进化不应仅仅停留在“把功能搬到网页上”，更应该改变人们使用工具的方式。唯杰 WebCAD 业内率先接入 MCP (Model Context Protocol) 协议，让 CAD 平台真正拥有了“大脑”。

我们为 WebCAD 打造了专属的 AI 智能体（Agent），你可以通过自然语言直接与 CAD 图纸对话！

官方 MCP 服务接入

唯杰 WebCAD 提供了官方的 MCP 服务地址，你可以将其直接配置到 Cursor、Trae 等主流 AI 编程 IDE 或智能体平台中：

  • MCP 地址: https://vjmap.com/server/aicad/mcp

{
  "mcpServers": {
    "vjcad": {
      "url": "https://vjmap.com/server/aicad/mcp"
    }
  }
}

image-20260308212541636

AI 智能体能做什么？聊聊“技能 (Skill)”机制

接入 MCP 后，你的 AI 助手将具备操作 WebCAD 的超能力。为了适应不同复杂度的任务，WebCAD Agent 提供了三种交互模式，并配合强大的“技能包”机制：

三种交互模式

  1. Ask (问答模式)：只读模式。AI 只能读取图纸信息、分析数据，不会对图纸进行任何修改。适合用于图纸审查、数据统计或单纯的技术咨询。

  2. Agent (执行模式)：默认的执行模式。AI 接收指令后，会直接调用 API 在画布上进行绘制或修改。适合明确、具体的绘图或修改任务。

  3. Plan (规划模式)：针对复杂任务的高级模式。AI 先将任务拆解为多个步骤（如：1.建图层 2.画轮廓 3.加标注），生成一个执行计划，按步骤自动执行。

秘密在于我们为 WebCAD Agent 打造的“技能包 (Skill)”机制。相当于给 AI 装备了不同领域的“专业知识库”与“操作说明书”：

  1. 基础绘图与修改 (vjcad-sdk 技能)： 这是 AI 的基础 API 速查手册。你可以用自然语言让它画图或改图。

    • “根据这组数据（2/1 5度，2/2 9度...），帮我画一张带坐标轴和格网的气温变化折线图。”

    • “把图纸里所有红色的直线，批量改成蓝色的虚线。” AI 会自动查阅 API，生成代码并在画布上执行，瞬间完成繁琐的绘制与批量修改。

  2. 图纸智能分析 (图纸分析 技能)： 面对一张陌生的复杂图纸，AI 可以通过分析脚本快速帮你摸清底细。

    • “分析一下这张图纸。” AI 会自动遍历实体、提取文字、识别表格，并输出专业的分析报告：“这是一张建筑平面图，包含 12 个图层，核心图层是墙体和门窗（占65%）...”

  3. 垂直领域绘图 (如：户型图绘制 技能)： 通过注入行业规范，AI 甚至能完成特定领域的复杂任务。

    • “帮我画一个三室一厅的户型图，大概 120 平米。” AI 会按照技能中定义的步骤：先建图层 -> 定义门窗块 -> 画墙体 -> 插入门窗 -> 尺寸标注，一步步为你生成一张符合基本规范的初稿。

image-20260308213059258

通过 WebCAD Agent，非 CAD 专业人员也能通过对话完成人工操作繁琐的图纸处理，而专业开发者则可以利用 AI 快速生成二次开发代码，极大地拓宽了 CAD 的应用边界。最重要的是，企业和开发者可以基于唯杰 WebCAD 平台和 MCP 协议，编写自己的“技能包”（如电气原理图技能、管网设计技能），轻松构建出属于自己的、深度贴合垂直行业场景的“WebCAD + AI”专属平台。

三、总结

唯杰 WebCAD 编辑平台不仅是一个功能完备、性能卓越、高度兼容 DWG 的轻量级 Web 绘图工具，更是一个面向未来、全面拥抱 AI 与协同的现代化工程平台。

无论是应对超大图纸的瓦片编辑，还是类似 Git 的版本控制，亦或是强大的插件扩展能力，都彰显了其作为专业级 WebCAD 引擎的硬核实力。而 MCP 协议的接入，更是赋予了它前所未有的智能化交互体验。

百闻不如一试，唯杰 WebCAD 编辑平台现已全面开放体验！欢迎访问以下链接，感受下一代 WebCAD 与 AI 结合的魅力：

 

posted @ 2026-03-08 21:41  vjmap  阅读(20)  评论(0)    收藏  举报