Added no select

canvasdraw.js

@@ -35,6 +35,7 @@ function init() {
   //set height and width to size of device window
   canvas.setAttribute("height", (window.innerHeight - toolbarHeight) + "px");
   canvas.setAttribute("width", window.innerWidth + "px");
+  canvas.onselectstart = function () { return false; }
 
   //add touch and mouse event listeners
   canvas.addEventListener('mousedown', onMouseDown, false);

popup.html

@@ -15,6 +15,7 @@
     input, textarea {width: 284px;}
     textarea {height: 50px;}
     p, form {padding: 0; margin:0;}
+    small {font-size: 60%;}
     .hidden {display: none;}
   </style>
   <script src="jquery.js" type="text/javascript"></script>
@@ -30,7 +31,16 @@ <h1>Add story to Pivotal</h1>
 
     <textarea id="imagedata" class="hidden"></textarea>
   </form>
-  <button id="action">Create Story</button><img class="spinner" style="display:none" src='spinner.gif'/><span class="status"></span>
+  <div>
+    <button id="action">Create Story</button><img class="spinner" style="display:none" src='spinner.gif'/><span class="status"></span>
+  </div>
+  <small>
+    <b>l</b> - draw line, 
+    <b>c</b> - draw oval,
+    <b>r</b> - draw rectangle
+    <br/>
+    <b>&#8984;+z</b> - undo
+  </small>
 </body>
 <script>
   //Get the background page