在JTOPO的官网上有一个设备关系的DEMOhttp://www.jtopo.com/demo/statictis.html,里面报警的设备颜色为红色,如图所示:
这里是设置节点的alarm属性即可实现颜色的变化,闪烁是利用了setInterval实现的。
- setInterval(function(){
- if(h3.alarm == '二级告警'){
- h3.alarm = null;
- }else{
- h3.alarm = '二级告警'
- }
- }, 600);
但是,如果Node节点没有设置图片,颜色就不会发生改变。实现颜色变化代码如下:
addNode(Obj){
var nod = new JTopo.Node(Obj.Name);
nod.setSize(40, 15);
nod.dragable = false;
nod.id = gObj.gId;
nod.setLocation(Obj.xaxis, Obj.yaxis);
nod.fillColor = "0,255,0";
if(Obj.isWarn && Obj.isFault){
nod.fillColor = "255,0,0";
setInterval(function () {
if (nod.fillColor == "255,0,0") {
nod.fillColor = "255, 242, 0";
} else {
nod.fillColor = "255,0,0";
}
}, 600);
}
else if(Obj.isWarn){
nod.fillColor = "255,0,0";
}else if(Obj.isFault){
nod.fillColor = "255, 242, 0";
}
scene.add(nod);
}
图片修改颜色的实现是 利用canvas清空图片又重新绘制新的图片。