筆記：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清空圖片又重新繪製新的圖片。