d3.js实现节点由红到白闪烁

最近需要操作svg图片,使svg节点闪烁。发现了一个好用的库,浅浅向大家分享一波。

效果图如下: 在这里插入图片描述

1.首先需要先安装d3.js。这里我安装的是v7.4.4版本。

npm install d3

import * as d3 from "d3"; //在你需要的vue文件里面引入d3

2.上代码,这里我只放了闪烁功能的代码,大家可以结合自己的代码按需求使用。

nodeBlink(){
    
    
  //节点闪烁
  function blink() {
    
    
    d3.select("polygon").transition()
      .duration(1000)
      .style("fill", "rgb(255,255,255)")
      .transition()
      .duration(1000)
      .style("fill", "rgb(238,33,33)")
      .on("end", blink)
  }
  blink()
}

猜你喜欢

转载自blog.csdn.net/weixin_46054723/article/details/129301855