Вычислить положение мыши во повернутом div ⇐ Javascript

[Anonymous]

Как рассчитать положение мыши (ClientX, ClientY) в повернутом и масштабированном DIV?
HTML-структура:

• SCALED DIV - преобразование: масштаб (0,8);
  
  ROTATED DIV - преобразование: поворот (340 градусов);
  
  ROTATED TARGET DIV - преобразование: Rotate(45deg);

ПОВЕРНУТЫЙ DIV может быть вложен в другой повернутый div и так далее.

Насколько я знаю, DOMMatrix может помочь.

Код: Выделить всё

const target = document.getElementById('target');

target.addEventListener('pointermove', evt => {
// TODO: calculate coords in target DIV
const divX = evt.clientX;
const divY = evt.clientY;
console.log(divX, divY);
});

Код: Выделить всё

html,
body {
padding: 0;
margin: 0;
height: 100%;
}














LEFT TOP

Подробнее здесь: https://stackoverflow.com/questions/798 ... otated-div