From be92dc76ac3e07502f6e6f68e8a12853aa205cc3 Mon Sep 17 00:00:00 2001
From: David Sickmiller <david@sickmiller.com>
Date: Sat, 8 Sep 2018 13:03:59 +0000
Subject: [PATCH 1/2] add missing file

---
 worker.js | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 worker.js

diff --git a/worker.js b/worker.js
new file mode 100644
index 0000000..f8698dd
--- /dev/null
+++ b/worker.js
@@ -0,0 +1,4 @@
+importScripts('ocrad.js')
+onmessage = function(e){
+	postMessage(OCRAD(e.data))
+}
\ No newline at end of file

From 64aa8363732a80b354fd2bec6db6e21509115b93 Mon Sep 17 00:00:00 2001
From: David Sickmiller <david@sickmiller.com>
Date: Sat, 8 Sep 2018 13:20:06 +0000
Subject: [PATCH 2/2] Add support for touch and pointer events to the demo

---
 demo.html | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/demo.html b/demo.html
index 3a73997..b50e8ad 100644
--- a/demo.html
+++ b/demo.html
@@ -224,10 +224,17 @@ <h1>Ocrad.js&nbsp;<div style="font-size: small; font-weight: normal; display: in
 
 			// here's a really simple little drawing app so people can try their luck at
 			// the lottery that is offline handwriting recognition
+			var isTouchSupported = 'ontouchstart' in window;
+			var isPointerSupported = window.PointerEvent;
+			var isMSPointerSupported = window.MSPointerEvent;
+
+			var downEvent = isTouchSupported ? 'touchstart' : (isPointerSupported ? 'pointerdown' : (isMSPointerSupported ? 'MSPointerDown' : 'mousedown'));
+			var moveEvent = isTouchSupported ? 'touchmove' : (isPointerSupported ? 'pointermove' : (isMSPointerSupported ? 'MSPointerMove' : 'mousemove'));
+			var upEvent = isTouchSupported ? 'touchend' : (isPointerSupported ? 'pointerup' : (isMSPointerSupported ? 'MSPointerUp' : 'mouseup'));
+
 			var drag = false, lastX, lastY;
-			c.onmousedown = function(e){ drag = true; lastX = 0; lastY = 0; e.preventDefault(); c.onmousemove(e) }
-			c.onmouseup   = function(e){ drag = false; e.preventDefault(); runOCR() }
-			c.onmousemove = function(e){
+
+			var draw = function(e){
 				e.preventDefault()
 				var rect = c.getBoundingClientRect();
 				var r = 5;
@@ -239,8 +246,8 @@ <h1>Ocrad.js&nbsp;<div style="font-size: small; font-weight: normal; display: in
 					o.fill()
 				}
 				if(drag){
-					var x = e.clientX - rect.left, 
-						y = e.clientY - rect.top;
+					var x = isTouchSupported ? (e.targetTouches[0].pageX - c.offsetLeft) : (e.offsetX || e.layerX - c.offsetLeft);
+					var y = isTouchSupported ? (e.targetTouches[0].pageY - c.offsetTop) : (e.offsetY || e.layerY - c.offsetTop);
 					
 					if(lastX && lastY){
 						var dx = x - lastX, dy = y - lastY;
@@ -254,7 +261,13 @@ <h1>Ocrad.js&nbsp;<div style="font-size: small; font-weight: normal; display: in
 					lastX = x;
 					lastY = y;
 				}
-			}
+			};
+			var startDraw = function(e){ drag = true; lastX = 0; lastY = 0; e.preventDefault(); draw(e) };
+			var endDraw = function(e){ drag = false; e.preventDefault(); runOCR() };
+
+			c.addEventListener(downEvent, startDraw, false);
+			c.addEventListener(moveEvent, draw, false);
+			c.addEventListener(upEvent, endDraw, false);
 
 
 			document.body.ondragover = function(){ document.body.className = 'dragging'; return false }