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();
 
