通用图形（6 种）

矩形 / 圆 / 多边形等基础几何图形：做背景框、区域划分、自定义标注底板；也常配合状态色规则做大面积告警底色。

所有形状共享同一套 图元属性（几何 / 颜色 / 文字 / 数据 / 状态 / 动画 / 交互），差异只在 shape 取值与端口布局。下方每个形状给出用途、端口、值驱动行为与可复制 JSON；值驱动 / 状态色的机制说明见 组态图元 · 值驱动与状态。

rect 矩形 {#rect}

基础矩形：背景板、区域框、状态色块。

默认尺寸 120×64；端口 n(上)、e(右)、s(下)、w(左)。

JSON 片段

{
  "uid": "node_1",
  "type": "scada-node",
  "options": {
    "shape": "rect",
    "geo-x": 120,
    "geo-y": 80,
    "geo-w": 120,
    "geo-h": 64,
    "node-text": "矩形"
  }
}

round-rect 圆角矩形 {#round-rect}

圆角矩形：卡片式底板、按钮式标注。

默认尺寸 120×64；端口 n(上)、e(右)、s(下)、w(左)。

JSON 片段

{
  "uid": "node_1",
  "type": "scada-node",
  "options": {
    "shape": "round-rect",
    "geo-x": 120,
    "geo-y": 80,
    "geo-w": 120,
    "geo-h": 64,
    "node-text": "圆角矩形"
  }
}

circle 圆形 {#circle}

圆形：状态点、节点示意。

默认尺寸 80×80；端口 n(上)、e(右)、s(下)、w(左)。

JSON 片段

{
  "uid": "node_1",
  "type": "scada-node",
  "options": {
    "shape": "circle",
    "geo-x": 120,
    "geo-y": 80,
    "geo-w": 80,
    "geo-h": 80,
    "node-text": "圆形"
  }
}

ellipse 椭圆 {#ellipse}

椭圆：区域圈注、流程节点。

默认尺寸 120×72；端口 n(上)、e(右)、s(下)、w(左)。

JSON 片段

{
  "uid": "node_1",
  "type": "scada-node",
  "options": {
    "shape": "ellipse",
    "geo-x": 120,
    "geo-y": 80,
    "geo-w": 120,
    "geo-h": 72,
    "node-text": "椭圆"
  }
}

diamond 菱形 {#diamond}

菱形：流程判断节点、警示标志底形。

默认尺寸 96×72；端口 n(上)、e(右)、s(下)、w(左)。

JSON 片段

{
  "uid": "node_1",
  "type": "scada-node",
  "options": {
    "shape": "diamond",
    "geo-x": 120,
    "geo-y": 80,
    "geo-w": 96,
    "geo-h": 72,
    "node-text": "菱形"
  }
}

triangle 三角形 {#triangle}

三角形：方向指示、报警符号底形。

默认尺寸 88×80；端口 n(上)、e(右)、s(下)、w(左)。

JSON 片段

{
  "uid": "node_1",
  "type": "scada-node",
  "options": {
    "shape": "triangle",
    "geo-x": 120,
    "geo-y": 80,
    "geo-w": 88,
    "geo-h": 80,
    "node-text": "三角形"
  }
}