diff --git a/src/core/view/components/canvas/index.vue b/src/core/view/components/canvas/index.vue
index ef894d19fa96b8eecec464227c96dceed72140ca..d1a39d8dd908299a7d96d66d1e3567193755bb51 100644
--- a/src/core/view/components/canvas/index.vue
+++ b/src/core/view/components/canvas/index.vue
@@ -31,12 +31,12 @@ function resolveColor (color) {
 }
 
 function processTouches (target, touches) {
-  return ([]).map.call(touches, (touche) => {
+  return ([]).map.call(touches, (touch) => {
     var boundingClientRect = target.getBoundingClientRect()
     return {
-      identifier: touche.identifier,
-      x: touche.clientX - boundingClientRect.x,
-      y: touche.clientY - boundingClientRect.y
+      identifier: touch.identifier,
+      x: touch.clientX - boundingClientRect.left,
+      y: touch.clientY - boundingClientRect.top
     }
   })
 }