获取变换对象内的接触坐标

Question

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

当画布被转换(3d或非3D)时，这显然会停止工作。

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

Answer 1

这很棘手。

要使其工作，您需要将2D触摸坐标映射到转换后的坐标空间。我怀疑，如果没有将画布图形包装到一些代码中来为您处理这一点，或者没有一个将转换并行馈送到其中的类，您就无法做到这一点。

另一件有趣的事情是SVG。它为你处理所有的场景管理和点击事件。点击此处了解更多信息：What is the difference between SVG and HTML5 Canvas?

注意HTML5画布场景库。尤其是JavaScript的游戏工具包就有这样的工具。

Answer 2

我想我找到了：

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