Я пытаюсь вычислить координаты увеличенного изображения холста. Матрица холста сохраняется в переменной в JS. Как я понял, Canvas использует матрицу для масштабирования, перевода и перекоса контента.
Для преобразования координат в существующей системе координат, которая существует на холсте, я использую в основном:
|a c e| |x| |a*x + c*y + e|
|b d f| * |y| = |b*x + d*y + f|
|0 0 1| |1| | 1|
Пример: черный квадрат должен всегда закрывать красный указатель (красный маркер). Как вы можете видеть на примере скрипки, это не так. В Scale он немного движется.
скрипка
В данный момент я немного не в курсе. Такие темы, как Реальная позиция мыши на холсте , Холст HTML5 получает координаты после масштабирования и перевода не помогло
Спасибо!