1453 个在线示例,打开就能跑
覆盖 2D 图纸、CAD 绘图扩展、三维、WebCAD 与 AI 可视化。每个示例都附完整源码,可在示例站在线修改运行,源码也已开源在 GitHub · vjmap-playground,更多源码请加客服微信。
MainView初始化与配置选项
基础示例运行 ↗onLoad异步等待示例
基础示例运行 ↗只显示绘图区域,隐藏菜单工具栏命令行
基础示例运行 ↗只读模式打开后端图纸
基础示例运行 ↗将 WebCAD 叠加到 vjmap 地图上
基础示例运行 ↗强制指定界面语言或自动检测
基础示例运行 ↗对话框反复打开 CAD 时如何销毁与重建
基础示例运行 ↗命令基本结构示例
命令开发运行 ↗CommandRegistry用法
命令开发运行 ↗预览绘制示例
命令开发运行 ↗多步骤命令示例
命令开发运行 ↗EXECUTESTR执行CAD命令脚本示例
命令开发运行 ↗EXECUTEJS执行JavaScript代码示例
命令开发运行 ↗根据钻孔数据自动生成CAD工程剖面图
综合示例运行 ↗用数据基于模板图克隆实体生成剖面图,导出DWG时字体/线型/填充与模板一致
综合示例运行 ↗用 DbDocument + DbDocumentRenderer 前端转换绘制,效果同官网 vjmap DbDocument 示例
综合示例运行 ↗move方法示例
编辑操作运行 ↗clone方法示例
编辑操作运行 ↗rotate方法示例
编辑操作运行 ↗scale方法示例
编辑操作运行 ↗mirror方法示例
编辑操作运行 ↗Engine.eraseEntities用法
编辑操作运行 ↗DrawOrder调整绘制顺序示例
编辑操作运行 ↗GROUP/UNGROUP创建组和取消组示例
编辑操作运行 ↗highLightEntities和clearHighLight用法
编辑操作运行 ↗表格展示所有实体类型
创建实体运行 ↗ArcEnt基本创建示例
创建实体运行 ↗initBy3Pt方法创建圆弧
创建实体运行 ↗展示圆弧的各种属性和计算值
创建实体运行 ↗移动、旋转、缩放、镜像操作
创建实体运行 ↗BlockDefinition示例
创建实体运行 ↗InsertEnt块引用示例
创建实体运行 ↗将块引用炸开为独立实体
创建实体运行 ↗InsertEnt属性定义和属性值示例
创建实体运行 ↗COUNTBLOCK统计块使用次数示例
创建实体运行 ↗REPLACEBLOCK替换块引用示例
创建实体运行 ↗Box圆角矩形示例
创建实体运行 ↗CircleEnt基本创建示例
创建实体运行 ↗获取圆半径、面积、周长
创建实体运行 ↗移动、缩放、镜像操作
创建实体运行 ↗LinearDimensionEnt基本创建示例
创建实体运行 ↗RadialDimensionEnt创建示例
创建实体运行 ↗设置标注文字、箭头等样式
创建实体运行 ↗AlignedDimensionEnt测量倾斜距离
创建实体运行 ↗AngleDimensionEnt角度标注示例
创建实体运行 ↗DiametricDimensionEnt直径标注示例
创建实体运行 ↗ArcDimensionEnt弧长标注示例
创建实体运行 ↗OrdinateDimensionEnt坐标标注示例
创建实体运行 ↗Associative Dimension关联标注示例
创建实体运行 ↗DLine双线绘制示例
创建实体运行 ↗Donut圆环实体示例
创建实体运行 ↗DotEnt基本创建示例
创建实体运行 ↗使用点实体创建图案
创建实体运行 ↗移动、旋转、缩放操作
创建实体运行 ↗EllipseEnt基本创建示例
创建实体运行 ↗创建部分椭圆(椭圆弧)
创建实体运行 ↗移动、旋转、缩放、镜像操作
创建实体运行 ↗HatchEnt基本用法
创建实体运行 ↗展示所有内置填充图案
创建实体运行 ↗不同类型的填充边界创建方法
创建实体运行 ↗注册自定义图案并自动计算比例
创建实体运行 ↗IMAGE插入图像示例(含base64)
创建实体运行 ↗LineEnt基本创建示例
创建实体运行 ↗获取直线长度、角度、起终点
创建实体运行 ↗移动、旋转、缩放、镜像、拉伸操作
创建实体运行 ↗使用索引颜色和RGB真彩色创建直线
创建实体运行 ↗显示系统内置的所有线型样式
创建实体运行 ↗使用LinetypeDefinition创建自定义线型
创建实体运行 ↗从AutoCAD .lin格式字符串加载线型
创建实体运行 ↗LinetypeManager的完整API用法
创建实体运行 ↗lineTypeScale参数对线型显示的影响
创建实体运行 ↗创建带文字和形状符号的复杂线型
创建实体运行 ↗MeshEnt基本创建示例(立方体、金字塔、地形网格)
创建实体运行 ↗MLeaderEnt多重引线标注示例
创建实体运行 ↗拓扑网络图完整示例(节点+分支+拓扑关系+交互绘制)
创建实体运行 ↗Parallelogram平行四边形示例
创建实体运行 ↗PixelPointEnt像素点示例
创建实体运行 ↗Polygon正多边形示例
创建实体运行 ↗简化接口用法
创建实体运行 ↗使用简化接口创建闭合多段线
创建实体运行 ↗使用简化接口设置凸度参数
创建实体运行 ↗展示多段线的各种属性和计算值
创建实体运行 ↗RayEnt基本创建示例
创建实体运行 ↗移动、旋转、缩放、镜像操作
创建实体运行 ↗SolidEnt基本创建示例
创建实体运行 ↗使用SolidEnt创建各种箭头形状
创建实体运行 ↗移动、旋转、缩放、镜像操作
创建实体运行 ↗SplineEnt基本创建示例
创建实体运行 ↗创建首尾相连的样条曲线
创建实体运行 ↗控制点权重影响曲线形状
创建实体运行 ↗移动、旋转、缩放、镜像操作
创建实体运行 ↗使用setFitPoints创建经过所有指定点的样条曲线
创建实体运行 ↗TemplateHandle.cloneEntity 按 handle 克隆,只覆盖显式列出的属性
创建实体运行 ↗从模板克隆 TEXT/MTEXT,导出 DWG 时字体与模板一致
创建实体运行 ↗从模板克隆 HATCH,只换边界,图案与比例保持模板原样
创建实体运行 ↗measureTexts 取排版后的真实宽高,对比本地 WASM 与服务端 ODA 两种结果
创建实体运行 ↗基于模板图克隆实体自动生成图纸,导出DWG时保留模板的字体/线型/填充
创建实体运行 ↗TextEnt 基础与属性示例
创建实体运行 ↗MTextEnt 基础与格式示例
创建实体运行 ↗设置文字的各种样式属性
创建实体运行 ↗TrueType字体(woff/ttf)与SHX字体示例
创建实体运行 ↗XLineEnt基本创建示例
创建实体运行 ↗使用构造线创建参考网格
创建实体运行 ↗EntityAdded事件监听
事件处理运行 ↗EntityModified事件监听
事件处理运行 ↗SelectionChanged事件监听
事件处理运行 ↗CommandStarted和CommandEnded事件
事件处理运行 ↗DocumentOpened和DocumentSaved事件
事件处理运行 ↗PLINE绘制中EntityAdded/EntityModified/CommandEnded的区别
事件处理运行 ↗OPENFROMSERVER命令与API调用
文件操作运行 ↗OPENFROMLOCAL命令与IndexedDB存储
文件操作运行 ↗SAVESERVER命令与增量保存
文件操作运行 ↗SAVELOCAL命令与离线存储
文件操作运行 ↗QSAVE命令下载webcad文件
文件操作运行 ↗SAVEAS命令自定义文件名下载
文件操作运行 ↗IMPORTDWG命令上传并转换DWG文件
文件操作运行 ↗EXPORTDWG命令导出DWG格式
文件操作运行 ↗EXPORTPNG命令将图纸导出为PNG图片
文件操作运行 ↗使用 DiffUtils 对比两个文档状态并在 DiffPanel 中展示变更
文件操作运行 ↗TemplateService.openFromTemplate 建图并导出 DWG(保留模板字体/线型/填充)
文件操作运行 ↗distance函数用法
几何计算运行 ↗getAngleBetweenPoints用法
几何计算运行 ↗getMidPoint用法
几何计算运行 ↗GeometryCalculator用法
几何计算运行 ↗boundingBox方法用法
几何计算运行 ↗GeometryCalculator.witchSidePointToLine用法
几何计算运行 ↗calculatePolygonArea用法
几何计算运行 ↗射线法用法
几何计算运行 ↗SpatialIndex 用法
几何计算运行 ↗直线、圆弧、圆、多段线偏移
几何计算运行 ↗基于交点的实体裁剪
几何计算运行 ↗实体延长到边界
几何计算运行 ↗多种实体类型的交点
几何计算运行 ↗点到直线的垂足
几何计算运行 ↗多个边界框的合并
几何计算运行 ↗在指定点打断实体
几何计算运行 ↗平移、旋转、缩放、镜像
几何计算运行 ↗从双线(平行线)中提取中心线
几何计算运行 ↗generateRevcloudBulgePoints 用法
几何计算运行 ↗选择实体组,自动识别图纸中相同的重复图案,可转为块或属性文字块
几何计算运行 ↗measureTextLocal / measureTexts 取排版后的真实宽高,可本地算也可让服务端按图纸实体的样式算
几何计算运行 ↗Engine.getPoint用法
用户输入运行 ↗橡皮筋线示例
用户输入运行 ↗Engine.getSelections用法
用户输入运行 ↗Engine.getReal用法
用户输入运行 ↗Engine.getInteger用法
用户输入运行 ↗keywords选项用法,绘制不同图形
用户输入运行 ↗通过IMPORTSVG命令导入SVG文件
插入图形运行 ↗通过API解析SVG内容并插入到当前图
插入图形运行 ↗通过INSERTIMAGE命令将图片转换为矢量并导入
插入图形运行 ↗通过API创建符号并保存到本地存储
插入图形运行 ↗通过API创建符号并保存到服务端
插入图形运行 ↗通过API获取符号并插入到当前图(指定参数)
插入图形运行 ↗通过getPoint交互式指定插入点、缩放、旋转
插入图形运行 ↗通过API管理符号分类(创建、查询、更新、删除)
插入图形运行 ↗通过API管理符号(查询、获取详情、删除)
插入图形运行 ↗解析符号文档后修改实体属性,设置固定缩放和旋转再插入
插入图形运行 ↗通过INSERTIMAGE命令将图片转换为矢量并导入
插入图形运行 ↗通过API将图片转换为矢量并插入到当前图
插入图形运行 ↗Engine.createLayer用法
图层管理运行 ↗Engine.setCurrentLayer用法
图层管理运行 ↗layerOn属性控制图层开关
图层管理运行 ↗Engine.getLayers用法
图层管理运行 ↗按图层名称筛选实体
图层管理运行 ↗isFrozen属性控制图层冻结状态
图层管理运行 ↗isLocked属性控制图层锁定状态
图层管理运行 ↗layerOn、isFrozen、isLocked三种状态对比
图层管理运行 ↗插件结构示例
插件开发运行 ↗数据校验示例
插件开发运行 ↗PluginManager标准写法(参考 @webcad-plugins/tools-plugin)
插件开发运行 ↗加载建筑插件并通过SDK API创建建筑实体
插件开发运行 ↗color属性、颜色索引和RGB真彩色
属性操作运行 ↗layer属性用法
属性操作运行 ↗lineType和lineTypeScale用法
属性操作运行 ↗lineWeight属性、标准线宽值、图层线宽、LWDISPLAY显示开关
属性操作运行 ↗transpMgr用法
属性操作运行 ↗setDefaults方法用法
属性操作运行 ↗为实体附加自定义数据,支持导出到DWG并重新加载
属性操作运行 ↗visible属性用法(DXF 60)
属性操作运行 ↗使用事件监听实现实体响应
反应器运行 ↗标注自动跟随源实体更新
反应器运行 ↗同时监控多种实体类型的变化
反应器运行 ↗实现几何约束关系
反应器运行 ↗监控实体的完整生命周期
反应器运行 ↗extractTables函数从图纸中自动识别并提取表格数据
智能识别运行 ↗ssSetFirst用法
选择操作运行 ↗ssGetFirst用法
选择操作运行 ↗getEntitiesByType用法
选择操作运行 ↗getEntities过滤用法
选择操作运行 ↗大型图纸的瓦片方式打开
瓦片编辑运行 ↗TILEEDITAREA选择矩形区域编辑
瓦片编辑运行 ↗TILEEDITLAYER选择图层编辑
瓦片编辑运行 ↗TILEALPHA设置瓦片图层透明度
瓦片编辑运行 ↗TILEMASKALPHA设置编辑区域遮盖层透明度
瓦片编辑运行 ↗在CAD图纸上叠加互联网地图底图
瓦片编辑运行 ↗addRibbonButton用法
界面扩展运行 ↗writeMessage用法
界面扩展运行 ↗PreviewView在对话框中预览实体
界面扩展运行 ↗showConfirm、showInfo、showWarningConfirm用法
界面扩展运行 ↗showInputDialog、showSelectDialog、showPrompt用法
界面扩展运行 ↗基础:在默认菜单中添加自定义项
界面扩展运行 ↗根据命令状态定制菜单
界面扩展运行 ↗完全自定义菜单(不显示默认项)
界面扩展运行 ↗禁止系统右键菜单
界面扩展运行 ↗THEME_MODE用法
界面扩展运行 ↗FuncButtons和CoordsBar用法
界面扩展运行 ↗MainViewConfig用法
界面扩展运行 ↗只显示绘图区域,隐藏菜单工具栏命令行
界面扩展运行 ↗在对话框中选择实体、拾取点的用法
界面扩展运行 ↗在对话框中选择实体、拾取点的用法
界面扩展运行 ↗ModalDialogBase 用法
界面扩展运行 ↗ModelessPanelBase 用法
界面扩展运行 ↗registerSidebarPanel 用法
界面扩展运行 ↗createFloatingToolbar 创建浮动可拖动图标工具栏
界面扩展运行 ↗MenuBarCustomConfig、RibbonCustomConfig 增量/全量定制用法
界面扩展运行 ↗通过 MainView.themeColors / setThemeColors API 设置 UI 色板
界面扩展运行 ↗undo和redo用法
撤销重做运行 ↗added_undoMark用法
撤销重做运行 ↗start_undoMark和end_undoMark用法
撤销重做运行 ↗UndoDescriptor和撤销历史查询
撤销重做运行 ↗从指定版本创建新分支
版本管理运行 ↗创建新的Patch版本
版本管理运行 ↗创建两个分支,修改后合并,演示完整分支工作流
版本管理运行 ↗查看和回溯版本
版本管理运行 ↗模拟两个分支修改同一实体产生冲突,演示冲突解决流程
版本管理运行 ↗演示业务系统登录、用户身份传递和权限校验回调
版本管理运行 ↗zoomExtents用法
视图操作运行 ↗zoomToEntities用法
视图操作运行 ↗render、redraw和regen用法
视图操作运行 ↗drawPreviewEntity用法
视图操作运行 ↗setCenter用法
视图操作运行 ↗setBgc用法
视图操作运行 ↗getScreenBoundsWcs和getScreenEntities用法
视图操作运行 ↗canvasToWcs、wcsToUcs、wcsToDcs用法
视图操作运行 ↗ZOOMFACTOR和currentSpace.zoom用法
视图操作运行 ↗UCS坐标系设置示例
视图操作运行 ↗旋转显示图纸60度(用UCS设置,再切换为平面视图)
视图操作运行 ↗没有匹配的示例。
找不到想要的?,它会从示例代码里找出最接近的写法。
微信扫码添加客服