Html 获取变换对象内的触摸坐标

我有一个用户可以在上面绘制的画布。我通过从触摸的位置减去画布的位置来计算用户想要绘制的坐标

当画布变换（3d或非3d）时，这显然会停止工作

有什么聪明的方法来处理这个问题吗

这很棘手

要使其工作，您需要将2D触摸坐标映射到变换后的坐标空间。我怀疑，如果不将画布图形包装到一些代码中，或者没有一个类可以并行地将转换提供给它，您就无法做到这一点

另一件可能有趣的事情是SVG。它为您处理所有场景管理和单击事件。请在此处阅读更多信息：

---

注意HTML5画布场景库。特别是用于JavaScript的游戏工具包有这样的工具。

我想我刚刚找到了：

• window.webkitConvertPointFromPageToNode（）

  和

• window.webkitConvertPointFromNodeToPage（）