獲取轉換對象內的觸摸座標

Question

我有一個用戶可以繪製的畫布。我通過從觸摸位置減去畫布位置來計算用戶想要繪製的座標。

當畫布變形（3d或不）時，這顯然停止工作。

任何智能的方法來處理這個？

Answer 1

這很棘手。

要使它工作，您需要將2D觸摸座標映射到變換後的座標空間。我懷疑你可以做到這一點，而不需要將canvas繪製到一些爲你處理這些代碼的代碼中，或者讓一個類可以並行地提供轉換。另一件可能很有趣的事情是SVG。它爲您處理所有場景管理和點擊事件。閱讀更多關於這裏：What is the difference between SVG and HTML5 Canvas?

尋找HTML5畫布場景庫。特別是用於JavaScript的遊戲工具包有這樣的工具。

Answer 2

我想我只是覺得：

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