Angular canvas MouseWheel: прокрутка против масштабирования с помощью кнопки - PullRequest
Новая
       63

Angular canvas MouseWheel: прокрутка против масштабирования с помощью кнопки

0 голосов
/ 28 февраля 2020

Я использую angular 9 и пытаюсь использовать колесо мыши для двух вариантов поведения. На экране будет кнопка переключения (внутри холста) с двумя вариантами (Scroll vs Zoom). На холсте стандартным поведением будет увеличение, если мы переместим колесо мыши вверх или вниз. В зависимости от щелчка переключателя, как я изменяю это поведение, так что вместо увеличения будет срабатывать свиток, и я смогу загружать изображения одно за другим (основываясь на щелчке колеса мыши). 

@HostListener('wheel', ['$event']) onMouseWheel(event: any) {
    this.mouseWheel(event);
  }   

mouseWheel(event: any) {

    var event = window.event || event; 
    var delta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));
    if(delta > 0) {
       console.log(event);
    } else if(delta < 0) {
        console.log(event);
    }

    if(event.preventDefault) {
        event.preventDefault();
    }
  }

Каким-то образом метод mouseWheel () не вызывается, когда я перемещаю колесико мыши вверх или вниз, вместо этого изображение увеличивается или уменьшается. Это потому что я использую холст? Как я могу изменить поведение в зависимости от нажатия кнопки переключения?

спасибо.

...