如何用nodered 写一个开关控制的流,使用自定义的svg 图标更改它的颜色为黑色,让他显示在dashboard
时间: 2023-03-20 14:01:51 浏览: 850
node-red-contrib-ui-svg:一个Node-RED小部件节点,用于在仪表板中显示交互式SVG(矢量图形)
要使用Node-RED编写一个开关控制的流程,需要完成以下步骤:
1. 在Node-RED编辑器中创建一个新的流程,并添加一个“开关”节点和一个“颜色转换”节点。
2. 点击“开关”节点,然后将其配置为所需的开关类型(例如,单选按钮、复选框等)。
3. 点击“颜色转换”节点,并将其配置为将颜色转换为黑色的选项。这可以通过在“选项”字段中输入以下JSON对象来完成:
{"override":true,"rules":[{"t":"set","p":"fill","tval":"black","val":"green"}]}
这将把所有填充颜色为绿色的图形转换为黑色。
4. 添加一个“SVG”节点,并将其配置为加载您想要使用的SVG图标。您可以在“SVG文件”字段中输入SVG文件的路径或URL,或者直接将SVG代码粘贴到该字段中。
5. 将“开关”节点的输出连接到“颜色转换”节点的输入,然后将“颜色转换”节点的输出连接到“SVG”节点的输入。
6. 添加一个“仪表板”节点,并将其配置为您想要显示的任何仪表板。然后将“SVG”节点的输出连接到“仪表板”节点的输入。
7. 单击“部署”按钮以保存并部署您的流程。现在,您应该能够在仪表板中看到您的SVG图标,它将随着开关的状态而变为黑色或绿色。
阅读全文