Получить координаты мыши для рисования на холсте, когда тело увеличено - PullRequest
Новая
       32

Получить координаты мыши для рисования на холсте, когда тело увеличено

0 голосов
/ 02 октября 2018

Я создал панель для подписи с холстом HTML5 и выполнил функцию, используя события мыши Javascript для рисования на холст.

В случае события "mousemove" я делаю это для получения координат мыши и рисования: 

    onDraw(e) {
        const mouseX = e.pageX - this.canvasNativeEl.getBoundingClientRect().left;
        const mouseY = e.pageY - this.canvasNativeEl.getBoundingClientRect().top;   

        this.ctx.lineTo(mouseX, mouseY);
        this.ctx.stroke();
    }

Это работает нормально, когда масштабирование тела составляет 100%, но когда масштабирование тела составляет, например, 140%, координаты мыши настолько различны, и он отходит от курсора, см. снимок экрана .

...