* adds a "capture screen" option to the settings in side panel (#45)

index.html

@@ -244,7 +244,7 @@ <h4>Ready?</h4>
 
           <section class="menu">
             <section class="menutitle">
-                <img class="menuicon" src="imgs/right-arrow.png" />Breakpoints</section>
+                <img class="menuicon" src="imgs/down-arrow.png" />Breakpoints</section>
             <section class="menucontent visible">
                 <section id="newbp">
                     <input type="text" id="bpaddr" />
@@ -276,6 +276,7 @@ <h4>Ready?</h4>
                   <label>Web Serial:</label>
                   <button id="web-serial-connect">Connect Serial</button>
                 </div>
+                <button id="screen-capture">Capture Screen</button>
             </section>
           </section>
         </section>

view/menus.js

@@ -112,6 +112,18 @@ $('#canvas-smooth-val').on('change', (e) => {
     }
 })
 
+$('#screen-capture').on('click', () => {
+    console.log('capture screen');
+    const canvas = document.getElementById('screen');
+    const image = canvas.toDataURL();
+    console.log('image', image);
+
+    const link = document.createElement('a');
+    link.href = image;
+    link.download = 'zeal-screenshot.png';
+    link.click();
+});
+
 jQuery(() => {
     $('#continue').hide();
     $('#pause').show();