JointJS创建节点时为g元素添加class

要在JointJS创建节点时为g元素添加class，可以使用以下代码：

// 创建一个矩形节点
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`应该替换为你想要添加的类名。

相关问题

JointJS节点的g元素添加class

要为JointJS节点的g元素添加class，可以使用以下代码：

// 获取节点的视图元素
var view = cell.findView(paper);

// 获取节点的g元素
var g = view.vel;

// 添加class
g.addClass('your-class');

其中，`cell`是JointJS中的一个图元，`paper`是JointJS中的画布。`findView()`方法可以获取图元的视图对象，`view.vel`可以获取视图对象的g元素。最后，使用`addClass()`方法添加class即可。
请注意，这里的`your-class`应该替换为你想要添加的类名。

JointJS节点添加class

### 回答1：
要为JointJS节点添加class，可以使用`attr`方法。例如，如果要将一个节点的class设置为"my-class"，可以使用以下代码：

var rect = new joint.shapes.standard.Rectangle();
rect.attr('rect', {
    class: 'my-class'
});

这将为矩形节点添加一个名为"my-class"的class。如果要添加多个class，可以在class名称之间使用空格分隔。例如：

rect.attr('rect', {
    class: 'my-class1 my-class2'
});

这将为矩形节点添加两个class，分别为"my-class1"和"my-class2"。

### 回答2：
在使用JointJS时，我们可以很轻松地为节点添加class。通过给节点的attrs属性添加一个"rect"属性来实现。下面是一个简单的例子：

// 创建一个空的JointJS图形画布
var graph = new joint.dia.Graph();

// 创建一个矩形节点
var rect = new joint.shapes.standard.Rectangle();

// 设置节点的位置和尺寸
rect.position(100, 100);
rect.resize(100, 50);

// 设置节点的文本和样式
rect.attr({
  body: {
    fill: '#00FF00',
    rx: 5,
    ry: 5,
    class: 'my-node-class'  // 添加一个自定义class
  },
  label: {
    text: 'My Node'
  }
});

// 将节点添加到画布中
graph.addCell(rect);

在上面的例子中，我们创建了一个矩形节点，并为其添加了一个自定义的class名为"my-node-class"。通过设置rect.attr()，我们可以对节点的不同部分进行设置，如设置矩形框的填充颜色、边角的圆角半径等，还可以为整个节点添加class。

这样，我们就成功地为JointJS节点添加了class。通过给节点添加class，我们可以在CSS中为节点定制样式，实现更加灵活、个性化的图形展示效果。