html在线预览CAD(手机小程序浏览DWG)二次开发图层表的方法

本文涉及的产品
注册配置 MSE Nacos/ZooKeeper,118元/月
Serverless 应用引擎免费试用套餐包,4320000 CU,有效期3个月
性能测试 PTS,5000VUM额度
简介: 本文档介绍了DWG数据库中图层的存储结构及MxCAD库对图层的操作。图层信息存储于图层层表McDbLayerTable()中,每个记录对应一个图层,包含颜色、线型等属性,且有一个不可删除的默认"0"层。主要操作包括:通过MxCpp.getCurrentMxCAD()获取图层表,使用addLayer()添加图层,遍历图层,以及删除图层。此外,还展示了如何修改图层的关闭、冻结、锁定状态及颜色。提供了在线示例以演示这些功能。

前言

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

图层表操作

1. 获取当前控件的数据库图层表
我们可以通过调用 mxcad 中的 MxCpp.getCurrentMxCAD() 得到当前的控件, 然后调用控件实例的 getDatabase() 方法得到数据库实例 McDbDatabase() ,在该数据库实例中调用 getLayerTable() 方法我们就能获取到层表 McDbLayerTable(),参考链接如下:
[数据库层表 McDbLayerTable()]
图层表记录对象McDbLayerTableRecord
数据库实例 McDbDatabase()
查看详细属性和方法说明,参考代码如下:

import{
   MxCpp} from "mxcad"
   // 得到当前控件
   const mxcad = MxCpp.getCurrentMxCAD();
   // 拿到当前控件的数据库图层表
   const layerTable = mxcad.getDatabase().getLayerTable();

2. 添加图层
我们可以通过调用mxcad实例对象中的addLayer()方法添加自定义图层,并设置drawLayer属性将添加图层为绘制图层。
点击McObject.addLayer()查看详细属性和方法说明,参考代码如下:

import{
   McApp} from "mxcad"
   const mxcad = McApp.getCurrentMxCAD()
   mxcad.addLayer("图层名称")
   mxcad.drawLayer = "图层名称"

我们还可以通过实例化一个图层表记录对象 McDbLayerTableRecord() ,设置该图层颜色,线型,关闭/打开,冻结等属性后调用 add() 方法添加到图层层表中,代码如下:

import{
   McCmColor, MxCpp, McDbLayerTableRecord, McDb} from "mxcad"
   // 得到当前控件
   const mxcad = MxCpp.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 = "图层名称"
   // 拿到当前控件的数据库图层表
   const layerTable = mxcad.getDatabase().getLayerTable();
   // 将图层数据对象添加到图层表中会得到一个标识该图层数据的对象ID
   const objId = layerTable.add(layer)
   // 更新显示
   mxcad.updateDisplay()

3.遍历所有图层
我们可以通过调用数据库层表 McDbLayerTable() 中的 getAllRecordId() 方法获取所有图层id,再调用 getMcDbLayerTableRecord() 方法返回图层表记录对象 McDbLayerTableRecord() ,得到所有图层数据,参考代码如下:

import{
   MxCpp} from "mxcad"
   let layerTable = MxCpp.getCurrentMxCAD().getDatabase().getLayerTable();
   let aryId = layerTable.getAllRecordId();
   aryId.forEach((id) => {
   
       let layerRec = id.getMcDbLayerTableRecord();
       if (layerRec === null) return;
       console.log(layerRec);
       console.log("layerRec.color:" + layerRec.color.getColorString());
       console.log("layerRec.name:" + layerRec.name);
   });

4.删除图层
我们得到目标图层表记录对象 McDbLayerTableRecord 后可调用该对象实例的 erase() 方法删除对象,参考代码如下:

import{
   MxCpp} from "mxcad"
   let layerTable = MxCpp.getCurrentMxCAD().getDatabase().getLayerTable()
   let layerId = layerTable.get("图层名字")
   let layerRec = layerId.getMcDbLayerTableRecord()
   layerRec.erase()
   // 更新显示
   mxcad.updateDisplay()

此外,我们还可以通过图层表的JSON序列化和反序列化来删除图层,代码如下:

import{
   McCmColor, MxCpp, McDbLayerTableRecord, McDb} from "mxcad"
   const layerTable = mxcad.getDatabase().getLayerTable();
   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("testLayer1", layerTable.has("testLayer1"))
   console.log("testLayer1", layerTable.get("testLayer1"))

mxcad 中修改图层的基础操作为得到数据库层表对象,然后根据层名得到层表记录对象,设置层表记录对应属性值,下面以用户在CAD图上选择一个对象,然后操作对象所在的图层为例:
获取目标图层:

import{
   MxCADSelectionSet, MxCADUiPrPoint} from "mxcad"  
     const ss = new MxCADSelectionSet();
     const getPoint = new MxCADUiPrPoint()
     getPoint.setMessage("请选择目标对象")
     const point = await getPoint.go()
     if (!point) return
     const index = ss.pointSelect(point.x, point.y)
     const ent = ss.item(index).getMcDbEntity()
     if(!ent) return
     const layerId = ent.layerId
     let layerRec = layerId.getMcDbLayerTableRecord()
     console.log(layerRec)

获取或设置图层是否被关闭:被关闭上的图层实体无法参与操作编辑,参考代码如下:

const offVal = layerRec.isOff
     // 关闭图层
     layerRec.isOff = true
     // 更新显示
     mxcad.updateDisplay()

获取或设置图层是否被冻结:被冻结上的图层实体,不会参显示数据的生成,这样可以加快显示速度,和打开图纸的速度,它与关闭属性相比,冻结后的图层不但看不见,并且在内存中也不参加显示,代码如下:

const frozenVal = layerRec.isFrozen
     // 冻结图层
     layerRec.isFrozen = true
     // 更新显示
     mxcad.updateDisplay()

获取或设置图层是否被锁定:锁定后的图层上的实体不能编辑,但可以选择,代码如下:

const lockVal = layerRec.isLocked
     // 锁定图层
     layerRec.isLocked = true
     // 更新显示
     mxcad.updateDisplay(

获取或设置图层颜色,代码如下:

const colorVal = layerRec.color
     // 设置图层颜色为红色
     layerRec.color = new McCmColor(255,0,0)
     // 更新显示
     mxcad.updateDisplay()

在线示例

示例项目地址: 在线CAD梦想画图,点击图标打开图层特性管理器,可操作当前图纸内的所有图层,如下图所示:

image-20240507144328740.png

相关文章
|
3月前
|
移动开发 前端开发 HTML5
Twaver-HTML5基础学习(20)数据容器(3)_数据的批量加载(节省性能方法)
本文介绍了Twaver HTML5中数据的批量加载方法,通过使用`box.startBatch()`可以在大量数据加载时提高性能。文章通过示例代码展示了如何在React组件中使用批量加载功能,以减少界面重绘次数并提升效率。
58 2
Twaver-HTML5基础学习(20)数据容器(3)_数据的批量加载(节省性能方法)
|
21天前
|
移动开发 HTML5
HTML5熊猫弹跳手机小游戏源码
一款html5手机端小游戏源码,熊猫跳跃小游戏源码下载。熊猫脚底有弹簧,长按变化力度跳跃,计分游戏,html5手机熊猫也疯狂小游戏源代码。
34 5
家政服务小程序APP开发,做好上门家政最快的方法是什么?
在家政服务领域,打造成功的平台并非易事。本文分享了三个关键步骤:避免初期盲目投入、采用低成本获客方式、建立有效的阿姨筛选机制。遵循这些方法,可助你避开常见陷阱,成为行业头部平台。
|
2月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
678 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
2月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
26 1
|
3月前
|
存储 编解码 前端开发
HTML颜色的性能优化方法
在网页开发中,虽然颜色选择并非主要性能瓶颈,但合理的颜色优化仍可提升渲染效率与用户体验。本文介绍十种实用技巧,如使用CSS渐变代替图片、运用CSS变量存储颜色、合理选择颜色格式、减少页面颜色种类、按需加载样式表等,帮助改善网页性能。尽管单独来看颜色优化的影响有限,但综合应用这些技巧能够有效提升网页加载速度及整体体验。
|
3月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
17 2
|
3月前
|
小程序
小程序消除图片下边距的三个方法
小程序消除图片下边距的三个方法
49 11
|
3月前
|
XML 数据格式 Python
Python技巧:将HTML实体代码转换为文本的方法
在选择方法时,考虑到实际的应用场景和需求是很重要的。通常,使用标准库的 `html`模块就足以满足大多数基本需求。对于复杂的HTML文档处理,则可能需要 `BeautifulSoup`。而在特殊场合,或者为了最大限度的控制和定制化,可以考虑正则表达式。
77 12
|
3月前
|
JavaScript 前端开发
HTML 表单和输入与按钮的联动方法汇总
在HTML中,通过JavaScript可以轻松实现表单与输入、按钮的互动。本文介绍了基本表单结构,并展示了如何用JS处理按钮点击、表单提交、动态禁用按钮、表单验证以及使用AJAX和jQuery简化代码等技巧,帮助你更好地控制和优化表单功能。