RXJS动画时

Question

我想获取鼠标坐标，然后在BehaviorSubject为真的情况下使用requestanimationframe进行动画处理。

关于从哪里开始的任何想法？我被困在这里：

this.isDragging$
    .filter((isDragging: boolean) => isDragging)
    .switchMap(() => Observable.interval(0, animationFrame))
    .takeUntil(this.onDestroy$)
    .subscribe(() => {
        console.log(1)
     })

但是当isDragging为false时，这显然不会停止...