我使用RxJS将SVG图形和鼠标/触摸事件绑定在一起.
其中一个挑战是在iOS上,单个touchstart
事件可以携带多个触摸数据.当它只是一个时,我可以简单地使用select
并将每个转换TouchEvent
为可观察的坐标(即每个触摸开始启动一个新的拖动).但是,如何从单个事件中向观察者添加2个或3个条目?
不确定flatMap
是不是.也许selectMany
是?我已经阅读了这些手册,但它们......有点纠结,充满了流畅的语言.
有问题的线是这些.如果您有兴趣在浏览器中制作交互式SVG图形更容易编程,欢迎来帮助项目!
selectMany
是一样的flatMap
.RxJS提供了一些例子,也适用于Drag'n'Drop,你可以在这里找到它.
如果这不符合您的需求,您可以使用Rx.Subject发送通知,例如
var oneSubject = new Rx.Subject(); var otherSubject = new Rx.Subject(); someObservable.subscribe(function(x) { oneSubject.onNext('hello'); otherSubject.onNext(42); }); // subscribe to oneSubject or otehrSubject
编辑
如果你的意思是"一个事件到多个项目",你得到一个x,并希望发送n次x,那么你也可以使用重复,例如n = 10
someObservable.flatMap(function(x) { return Rx.Observable.repeat(x, 10); });