d3.js transition无限循环
利用d3.js的 transition实现无限循环。在循环结束后添加一个回调,无限循环就回调自己就可以了。·.on('end,funame),
。下面通过d3在body中添加了一个div。然后让他一直左右移动。
let di = d3.select('body')
.append('div')
.text('无限循环动画')
let run = () => {
di.transition()
.duration(1000)
.delay(200)
.ease(d3.easePolyInOut)
.style("transform", "translate(0px, 0px)")
.transition()
.duration(1000)
.delay(200)
.ease(d3.easePolyInOut)
.style("transform", "translate(100px, 0px)")
.on('end', run)
}
run()