d3-как мне создать бесконечную анимацию l oop? - PullRequest
0 голосов
/ 06 апреля 2020

Я пытаюсь сделать анимацию бесконечной анимации l oop.

До сих пор я добился создания анимации, которая показывает графики, переворачивающиеся вверх ногами. однако, как только я делаю d3.interval, чтобы повторить свою анимацию движения,

Это не показывает бесконечное l oop.

Как мне создать бесконечную анимацию l oop?

это мое испытание для бесконечной твины l oop.

        area.append('path').attr('d', areas(sdata))
        .style('fill','rgba(112, 99, 230, 0.228)')  
        .transition()
        .duration(5000)
        .attrTween('d',function(){
            d3.interval(()=>{
            (()=>{
            var interpolator=d3.interpolateArray(sdata,sdata1);
            return function(t){
                console.log(interpolator(t))
                return areas(interpolator(t))
            }})
            (()=>{

            var interpolator1=d3.interpolateArray(sdata1,sdata);
            return function(t){
                console.log(interpolator(t))
                return areas(interpolator(t))
            }
        })
        },500)
        })

Первая сцена твина l oop сработала отлично. Полный код приведен по следующей ссылке.

https://jsfiddle.net/soonk/6oavnty3/9/

Заранее спасибо.

...