找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 215|回复: 2

[分享] 在线CAD前端提取图纸数据(直接获取修改转换后的图纸数据)

[复制链接]
发表于 2023-12-7 14:17:33 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
本帖最后由 ywl0224 于 2023-12-7 15:25 编辑

前言
有用户集成网页CAD之后,需要提取图纸的各种信息和数据,下面我们讲一下Web版CAD如何在前端直接提取修改和转换后的图纸信息,没有集成过在线CAD的小伙伴可以先看一下快速入门
在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据,如图层、文字样式、图块、以及图形对象中的数据等等我们经常需要拿到这些数据并对它们进行修改,然后在显示的图纸上应用这些修改后的数据。
Mxcad在线CAD提供了数据库,专门用于处理这些数据的增删改查,当转换的图纸打开后, 就会存在这个打开图纸的数据库,我们可以从数据库中得到想要并修改想要的数据。

数据如何获取和修改
以图层数据为例代码如下:
import { McCmColor, MxCpp, createMxCad } from "mxcad"
// 获取当前的控件
const mxcad = MxCpp.App.getCurrentMxCAD();
//  得到数据库中的图层表
const layerTable = mxcad.getDatabase().getLayerTable();
//  得到所有图层的ID对象
const aryId = layerTable.getAllRecordId();
const layers = aryId.map((id) => {
// 得到对应ID的图层数据对象   
let layerRec = id.getMcDbLayerTableRecord();
if (layerRec === null) return;
return layerRec
})
// 设置第一个图层的颜色
const layer = layers[0]
if (!layer) returnconst
color = new McCmColor()
color.setRGB(255, 0, 0)
layer.color = color
// 更新显示就可以发现图纸0层上的所有选择了颜色随层的图形都变成了红色mxcad.updateDisplay()
从上述代码中可以得出:
1.图层数据对象由图层ID对象得到
2.ID对象可以访问到其对应的数据对象
3.数据库存在各种表, 可以从表中得到存储的数据ID和数据对象
4.数据对象可以访问属性和调用各种方法来设置或修改该数据

该代码实现效果:
1.改变图层颜色前:
图片1.png
2.改变图层颜色后:
图片2.png
其中 getDatabase 返回的是McDbDatabase的实例, 可以查看到获取表的方法和对应的表实例说明, 其他表的数据修改和图层表类似,可根据文档自行实现数据增删改查。
在API文档中我们可以看到数据库中存在各种方法,其中有getJson和setJson 顾名思义就是JSON的序列化反序列化方法,而实际上只要是继承了McRxObject基类的都存在对应的序列化方法。
如图形类McDbEntity的基类McDbObject就继承了McRxObject基类, 所以每一个图形对象都是可以序列化的。
同样的每一个图形对象, 都可以通过对象
ID[https://mxcadx.gitee.io/mxcad_docs/api/classes/McObjectId.html]来得到图形的数据对象, 修改这些数据对象上的属性,显示渲染的图形也会根据数据的变化而变化。
举个例子, 我们选中一个图形然后修改它的颜色, 代码如下:
import { MxCADUiPrEntity, MxCpp } from "mxcad"
// 得到当前控件
const mxcad = MxCpp.App.getCurrentMxCAD();
// 实例化一个mxcad提供的通过鼠标点击获得图形对象ID的类
let getEnt = new MxCADUiPrEntity();
const selectEntity = async ()=> {
    let id = await getEnt.go();
    // 通过ID对象得到图形数据对象
    let ent = id.getMcDbEntity();
    if(ent) {
        const color = ent.trueColor.clone()
        color.setRGB(255, 0, 0)
        ent.trueColor = color
        mxcad.updateDisplay()
    }
    selectEntity()
}
setTimeout(()=> {
    selectEntity()
}, 1000)

图形数据对象
前面说图形数据对象, 可以修改图形属性,什么才算是一个图形数据对象呢?
首先mxcad中的数据对象继承了McDbObject的类实例,都是数据库的数据对象,而图形数据对象就是继承了McDbEntity的类实例
我们只需要操作这些数据对象,就可以修改这张图纸的所对应的信息。
例如McDbLayerTableRecord一个图层数据对象, 和McDbLayerTable一个图层表数据对象, 图层表中存储图层数据,自然可以对表中整体数据进行增删改查,而可以对某个图层数据对象的属性进行修改。

对图层的增删改查示例代码如下:
import { McCmColor, MxCpp, McDbLayerTableRecord, McDb } from "mxcad"
// 得到当前控件
const mxcad = MxCpp.App.getCurrentMxCAD();
// 实例化一个图层数据对象并设置这个图层的一些属性
const layer = new McDbLayerTableRecord()
layer.color = new McCmColor(0, 0, 0)
layer.isFrozen = true
layer.isLocked = true
layer.isOff = true
layer.lineWeight = McDb.LineWeight.kLnWt018
layer.name = "testLayer1"
// 拿到当前控件的数据库图层表
const layerTable = mxcad.getDatabase().getLayerTable();
// 将图层数据对象添加到图层表中会得到一个标识该图层数据的对象ID
const objId = layerTable.add(layer)
// 我们可以通过图层表的JSON序列化和反序列化来整体的增删改查一些图层
const layerJsonString = layerTable.getJson()
const layerJson = JSON.parse(layerJsonString)
// 这里我们只要保留以下几个名称的图层
const  keepLayerNames = ["0", "排水", "testLayer1"]
const keepLayers = layerJson.filter((layerJsonObj)=> {
    return keepLayerNames.includes(layerJsonObj.name)
})
const keepLayersJsonString = JSON.stringify(keepLayers)
layerTable.setJson(keepLayersJsonString)
// 最后我们可以通过has方法检查图层是否存在 get方法传入图层名来得到对应的对象ID
console.log("图层0是否存在", layerTable.has("0"))
console.log("图层0的对象ID", layerTable.get("0"))
McDbLinetypeTable线型表、
McDbTextStyleTable文字样式表、
McDbBlockTableRecord图块表...等等,它们和图层表的使用方式大同小异,这里不一样举例, 可以直接点击对应名称详细了解。



演示Demo源码:

论坛插件加载方法
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;
如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子标题加上【已解决】;
如何回报帮助你解决问题的坛友,一个好办法就是给对方加【D豆】,加分不会扣除自己的积分,做一个热心并受欢迎的人!

已领礼包: 225个

财富等级: 日进斗金

发表于 2023-12-14 09:01:15 | 显示全部楼层
谢谢分享!!!!!
论坛插件加载方法
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;
如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子标题加上【已解决】;
如何回报帮助你解决问题的坛友,一个好办法就是给对方加【D豆】,加分不会扣除自己的积分,做一个热心并受欢迎的人!
回复

使用道具 举报

已领礼包: 225个

财富等级: 日进斗金

发表于 2023-12-15 08:06:10 | 显示全部楼层
感谢分享!!!
论坛插件加载方法
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;
如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子标题加上【已解决】;
如何回报帮助你解决问题的坛友,一个好办法就是给对方加【D豆】,加分不会扣除自己的积分,做一个热心并受欢迎的人!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|申请友链|Archiver|手机版|小黑屋|辽公网安备|晓东CAD家园 ( 辽ICP备15016793号 )

GMT+8, 2024-2-28 11:10 , Processed in 0.361600 second(s), 34 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表