特效与天气
特效与天气(11 种)
Canvas 粒子特效图元:火焰 / 烟雾 / 蒸汽等叠加在设备上表现工况,雨雪雾云等表现环境氛围。纯装饰,不参与数据绑定与拓扑。
所有形状共享同一套 图元属性(几何 / 颜色 / 文字 / 数据 / 状态 / 动画 / 交互),差异只在
shape取值与端口布局。下方每个形状给出用途、端口、值驱动行为与可复制 JSON;值驱动 / 状态色的机制说明见 组态图元 · 值驱动与状态。
fx-fire 火焰 {#fx-fire}
火焰粒子:叠加在锅炉 / 火炬上表现燃烧,或做火灾演示。
默认尺寸 90×120;端口 n(上)、e(右)、s(下)、w(左);粒子效果 fire。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-fire",
"geo-x": 120,
"geo-y": 80,
"geo-w": 90,
"geo-h": 120,
"node-text": "火焰"
}
}fx-smoke 烟雾 {#fx-smoke}
烟雾粒子:烟囱排烟 / 事故烟气。
默认尺寸 96×168;端口 n(上)、e(右)、s(下)、w(左);粒子效果 smoke。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-smoke",
"geo-x": 120,
"geo-y": 80,
"geo-w": 96,
"geo-h": 168,
"node-text": "烟雾"
}
}fx-steam 蒸汽 {#fx-steam}
蒸汽粒子:白色汽羽,疏水 / 排汽点。
默认尺寸 84×150;端口 n(上)、e(右)、s(下)、w(左);粒子效果 steam。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-steam",
"geo-x": 120,
"geo-y": 80,
"geo-w": 84,
"geo-h": 150,
"node-text": "蒸汽"
}
}fx-spark 火花 {#fx-spark}
火花粒子:焊接 / 短路 / 故障点提示。
默认尺寸 120×120;端口 n(上)、e(右)、s(下)、w(左);粒子效果 spark。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-spark",
"geo-x": 120,
"geo-y": 80,
"geo-w": 120,
"geo-h": 120,
"node-text": "火花"
}
}fx-bubbles 气泡 {#fx-bubbles}
气泡粒子:叠加在曝气池 / 反应釜液面表现鼓泡。
默认尺寸 90×150;端口 n(上)、e(右)、s(下)、w(左);粒子效果 bubbles。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-bubbles",
"geo-x": 120,
"geo-y": 80,
"geo-w": 90,
"geo-h": 150,
"node-text": "气泡"
}
}fx-rain 雨 {#fx-rain}
雨幕:户外场景天气氛围。
默认尺寸 280×180;端口 n(上)、e(右)、s(下)、w(左);粒子效果 rain。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-rain",
"geo-x": 120,
"geo-y": 80,
"geo-w": 280,
"geo-h": 180,
"node-text": "雨"
}
}fx-snow 雪 {#fx-snow}
雪花:冬季户外场景。
默认尺寸 280×180;端口 n(上)、e(右)、s(下)、w(左);粒子效果 snow。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-snow",
"geo-x": 120,
"geo-y": 80,
"geo-w": 280,
"geo-h": 180,
"node-text": "雪"
}
}fx-fog 雾 {#fx-fog}
雾气:低能见度氛围。
默认尺寸 320×140;端口 n(上)、e(右)、s(下)、w(左);粒子效果 fog。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-fog",
"geo-x": 120,
"geo-y": 80,
"geo-w": 320,
"geo-h": 140,
"node-text": "雾"
}
}fx-cloud 流云 {#fx-cloud}
流云:天空背景装饰。
默认尺寸 320×160;端口 n(上)、e(右)、s(下)、w(左);粒子效果 cloud。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-cloud",
"geo-x": 120,
"geo-y": 80,
"geo-w": 320,
"geo-h": 160,
"node-text": "流云"
}
}fx-sun 晴日 {#fx-sun}
晴日:太阳光晕装饰。
默认尺寸 120×120;端口 n(上)、e(右)、s(下)、w(左);粒子效果 sun。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-sun",
"geo-x": 120,
"geo-y": 80,
"geo-w": 120,
"geo-h": 120,
"node-text": "晴日"
}
}fx-lightning 闪电 {#fx-lightning}
闪电:雷暴天气 / 电气故障警示。
默认尺寸 200×200;端口 n(上)、e(右)、s(下)、w(左);粒子效果 lightning。
JSON 片段
{
"uid": "node_1",
"type": "scada-node",
"options": {
"shape": "fx-lightning",
"geo-x": 120,
"geo-y": 80,
"geo-w": 200,
"geo-h": 200,
"node-text": "闪电"
}
}