SpaceShot · August 26, 2014 19:48 · Aug 26, 2014
diff --git a/index.html b/index.html
@@ -0,0 +1,2 @@
+<span id="support">No multi-touch support</span><br>
+<canvas id="drawSurface" width="500px" height="500px" style="border:1px solid black;"></canvas>
diff --git a/script.js b/script.js
@@ -0,0 +1,17 @@
+window.addEventListener('load', function() {
+  var canvas = document.getElementById("drawSurface"),
+  context = canvas.getContext("2d");
+  if (window.navigator.pointerEnabled) {
+    canvas.addEventListener("pointermove", paint, false);
+	if(window.navigator.maxTouchPoints>1)
+		document.querySelector("#support").innerText = "Your hardware supports multi-touch!";
+  } 
+  else {
+	//Provide fallback for user agents that do not support Pointer Events
+    canvas.addEventListener("mousemove", paint, false);
+  }
+  function paint(event) {
+	if(event.buttons>0)
+		context.fillRect(event.clientX, event.clientY, 5, 5);
+  }
+});
diff --git a/style.css b/style.css
@@ -0,0 +1,3 @@
+html { 
+    touch-action: none; 
+  }
diff --git a/ucnhv.markdown b/ucnhv.markdown
@@ -0,0 +1,7 @@
+ucnhv
+-----
+
+
+A [Pen](http://codepen.io/anon/pen/ucnhv) by [Captain Anonymous](http://codepen.io/anon) on [CodePen](http://codepen.io/).
+
+[License](http://codepen.io/anon/pen/ucnhv/license).
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<span id="support">No multi-touch support</span><br>
		<canvas id="drawSurface" width="500px" height="500px" style="border:1px solid black;"></canvas>
No results found