最近需要操作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()
}