From 98a82b7d6abe59e7af53fe2ee23013f910954664 Mon Sep 17 00:00:00 2001
From: Ruben van de Ven <git@rubenvandeven.com>
Date: Tue, 23 Nov 2021 12:28:40 +0100
Subject: [PATCH] draw with pointer events

---
 www/draw.html | 2 ++
 www/draw.js   | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/www/draw.html b/www/draw.html
index 282e225..3208009 100644
--- a/www/draw.html
+++ b/www/draw.html
@@ -3,6 +3,8 @@
 
 <head>
 	<meta charset="utf-8">
+	<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
+	<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
 	<title>Draw a line animation</title>
 	<style media="screen">
 		#sample,
diff --git a/www/draw.js b/www/draw.js
index 28b7a74..c1c242b 100644
--- a/www/draw.js
+++ b/www/draw.js
@@ -31,9 +31,9 @@ class Canvas {
 
         this.startTime = null;
 
-        document.body.addEventListener('mousemove', this.draw.bind(this));
-        document.body.addEventListener('mouseup', this.penup.bind(this));
-        this.svgEl.addEventListener('mousedown', this.startStroke.bind(this));
+        document.body.addEventListener('pointermove', this.draw.bind(this));
+        document.body.addEventListener('pointerup', this.penup.bind(this));
+        this.svgEl.addEventListener('pointerdown', this.startStroke.bind(this));
 
         this.createToolbox();
 
