笔记: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清空图片又重新绘制新的图片。

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值