获取转换对象内的触摸坐标

Question

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

当画布变形（3d或不）时，这显然停止工作。

任何智能的方法来处理这个？

Answer 1

这很棘手。

要使它工作，您需要将2D触摸坐标映射到变换后的坐标空间。我怀疑你可以做到这一点，而不需要将canvas绘制到一些为你处理这些代码的代码中，或者让一个类可以并行地提供转换。另一件可能很有趣的事情是SVG。它为您处理所有场景管理和点击事件。阅读更多关于这里：What is the difference between SVG and HTML5 Canvas?

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

Answer 2

我想我只是觉得：

• window.webkitConvertPointFromPageToNode()和
• window.webkitConvertPointFromNodeToPage()