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()
}