笔记:JTOPO报警颜色变化

在JTOPO的官网上有一个设备关系的DEMOhttp://www.jtopo.com/demo/statictis.html,里面报警的设备颜色为红色,如图所示:

这里是设置节点的alarm属性即可实现颜色的变化,闪烁是利用了setInterval实现的。

  1. setInterval(function(){
  2.                 if(h3.alarm == '二级告警'){
  3.                     h3.alarm = null;
  4.                 }else{
  5.                     h3.alarm = '二级告警'
  6.                 }
  7.             }, 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清空图片又重新绘制新的图片。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章