Add save option

Save our drawing canvas

index.html

@@ -16,6 +16,9 @@
       <button class="toolbutton" id="activity-button" title="My Activity"></button>
       <button class="toolbutton" id="new-button" title="New"></button>
       <button class="toolbutton pull-right" id="stop-button" title="Stop"></button>
+      <button class="toolbutton pull-right" id="save-button" title="Save">
+        <img src="images/save.png"/>
+      </button>
     </div>
 
     <div id="loader"></div>

js/activity.js

@@ -263,5 +263,21 @@ define(function (require) {
             update = true;
             shape = shape + 1;
         }
+
+        function downloadCanvas(link, canvasId, filename) {
+            link.href = document.getElementById(canvasId).toDataURL();
+            link.download = filename;
+            print_voucher();
+        }
+        function print_voucher(){
+            var win=window.open();
+            win.document.write("<br><img src='"+canvas.toDataURL()+"'/>");
+            win.print();
+            win.location.reload();
+        }
+        document.getElementById('save-button').addEventListener('click', function() {
+            downloadCanvas(this, 'myCanvas', 'My_Drawing.png');
+        }, false);
+
     });
 });