RxJs - изменить поведение потока из другого потока

Question

Я использую RxJs 6 с угловым 7.

Я хочу нарисовать линию от одного начального элемента до другой точки на холсте. Начальный элемент уже нарисован на холсте.

У меня есть два потока:

• Тот, который издает щелчок на стартовом элементе, click$;
• Тот, который испускает щелчки с холста, canvasClick$;

Как определить подписки, куда звонить startDraw() и endDraw()? Как управлять средним состоянием рисования с потоками?

РЕДАКТИРОВАТЬ: безреактивный раствор

drawState = false;

fromEvent(elem, 'click').subscribe((e) => {
    console.log('hang', e);
    drawState = true;
    e.stopPropagation();
  });

fromEvent(canvas, 'click').subscribe((e) => {
    if (lineBuilding) {
      console.log('stage', e);
      lineBuilding = false;
    }
  });

Я думаю, что есть более эффективный способ использования реактивной, я думаю, что переменная lineBuilding необходима, и использование stopPropagation ()?