乐吾乐2D可视化组态软件图形库是一种可扩展、开放性的图形库,可根据不同的需求定制各种酷炫的组件效果和场景。
常用的方式有:①原生代码图形库、②字体图形库、③svg 图形库、④图片、⑤组合图形,以下主要从性能和开发成本维度考量,用户可以结合实际场景综合选择。
乐吾乐2D可视化组态编辑器demo:https://2d.le5le.com/
一、原生代码图形库
1.使用
参考链接:
https://doc.le5le.com/document/119832713
2.特点
- 性能优异;
- 可直接通过属性控制图元样式,方便mqtt、websocket通信;
- 支持事件导致的图元内样式变化;
- 难度大,开发成本高。
3.示例
- 水位变化动态展示,也可以用圆柱形进度条替代。
- 进度条和按钮,进度条实现了通过鼠标拖动改变当前进度条位置及对应的数值,按钮实现了鼠标经过的样式调整。适用于表单的提交
- 刻度尺,实现了调节量程、主从刻度线的数量、显示格式等,状态随着当前值的改变而改变。适用于监测水位、环境温度等。
- 指示灯,实现了通过一个开关控制指示灯的闪烁,还可以修改指示灯的形状和切换为立体效果图片。适用于警报。
- 开关闸门,实现了开启和闭合状态,适用于动态监控。
- 图表-le5le charts