JointJS创建节点时为g元素添加class
时间: 2024-02-23 08:01:57 浏览: 78
JointJS流程图的绘制方法
要在JointJS创建节点时为g元素添加class,可以使用以下代码:
```javascript
// 创建一个矩形节点
var rect = new joint.shapes.basic.Rect({
position: { x: 100, y: 100 },
size: { width: 100, height: 50 },
});
// 设置节点的样式
rect.attr({
rect: {
fill: 'blue',
rx: 10,
ry: 10,
'class': 'your-class' // 添加class
},
text: {
text: 'My Rect'
}
});
// 将节点添加到画布中
paper.model.addCell(rect);
```
其中,`rect`是一个矩形节点对象,`'class': 'your-class'`语句可以为节点的g元素添加class。最后,使用`paper.model.addCell()`方法将节点添加到画布中即可。
请注意,这里的`your-class`应该替换为你想要添加的类名。
阅读全文