Получить координаты касания в преобразованном объекте

Question

У меня есть холст, на котором пользователи могут рисовать.Я вычисляю координаты, где пользователь хочет нарисовать, вычитая позицию холста из позиции касания.

Это очевидно перестает работать, когда холст трансформируется (3d или нет).

Любой разумный подходсправиться с этим?

Answer 1

Кажется, я только что нашел это:

• window.webkitConvertPointFromPageToNode() и
• window.webkitConvertPointFromNodeToPage()

Answer 2

Это сложно.

Чтобы это работало, вам нужно отобразить 2D сенсорные координаты в преобразованное координатное пространство. Я сомневаюсь, что вы можете сделать это, не оборачивая холст рисунок в некоторый код, который обрабатывает это для вас, или имея класс, в который вы будете передавать преобразования параллельно.

Еще одна вещь, которая может быть интересной, это SVG. Он обрабатывает все управление сценами и событиями кликов для вас. Подробнее об этом читайте здесь: В чем разница между SVG и HTML5 Canvas?

Найдите библиотеки сцен HTML5. Особенно игровые наборы для JavaScript имеют такие инструменты.