图纸GraphView中属性的操作比如背景色、网格颜色等，看生成的json文件会发现也有p、a、s，但是不属于任何data图元节点，其实是对数据模型DataModel的操作！

原创于 2022-09-29 11:16:28 发布 · 336 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ht.js #ht for web #canvas #webgl #组态编辑

ht for web深度开发实践专栏收录该内容

63 篇文章

订阅专栏

这篇博客介绍了如何使用ht.Default.setPropertyValue和自定义函数p来修改图纸的背景色。背景色在图纸的'p'和'a'标签下，可以通过graphView.dm()访问数据模型进行操作。示例代码展示了设置和获取背景色的方法，为开发者提供了一种操作图纸背景的解决方案。

在图纸中，如下图所示以背景background为例，并没有看到graphView、dataModel有setBackground之类的API可以操作！

看图纸的json数据，发现背景色"background"在"p"标签字段之下，还有在"a"标签之下的其他比如反序列化onPostDeserialize，网格颜色gridThickColor、gridLightColor。

对于a标签下面的，直接dm.a()，跟data/node图元节点一样操作即可！

对于p标签下面的，一样操作，只是传入data参数的换成传入dataModel数据模型即可：

方式一

JavaScript
ht.Default.setPropertyValue(graphView.dm(), null, 'background', 'blue');
ht.Default.getPropertyValue(graphView.dm(), null, 'background');

方式二

JavaScript
function p(data, propertyName, value = null) {
    if (value == null) {
        return data[ht.Default.getter(propertyName)]
    } else {
        return data[ht.Default.setter(propertyName)](value);
    }
}
p(graphView.dm(), 'background', 'yellow');