Question

我正在尝试使用Bacon.js创建一个简单的画布绘图应用程序。它应该允许通过使用像这样的鼠标点击选择起点和终点来绘制一条线。

points = paper.asEventStream('click')
  .map((e) -> x: e.pageX, y: e.pageY)
  .bufferWithCount(2)

到目前为止一切顺利。现在它应该允许通过单击Esc取消起始点选择。

cancel = doc.asEventStream('keypress')
  .map((e) -> e.keyCode)
  .filter((key) -> key is 27)
  .map(true)

重启缓冲的培根方式是什么？ UPD：到目前为止我的实施看起来很糟糕。

points
  .merge(cancel)
  .buffer(undefined, (buffer) ->
    values = buffer.values
    if values.some((val) -> val is true) then values.length = 0
    else if values.length is 2 then buffer.flush())

Answer 1

您可以从取消开始缓冲：

var filteredPairs = cancel.startWith(true).flatMapLatest(function() {
  return points.bufferWithCount(2)
})

请参阅jsFiddle

当另一个EventStream触发时，Bacon.js重新启动缓冲

1 个答案: