screenshots from the emulator

Good morning!

My intent is to get a screenshot of the emulated Bangle.js display only, not an entire PC screen or an entire browser window.

To illustrate it a bit: my current approach is:

1. load Bangle.js emulator
   
2. open browser console
   

3. run the following command

   $('<a id="ScreenshotButton" class="icon-save lrg"></a>').on('click', () => {
   window.open('','Bangle.js Emulator Screenshot').document.write('<a href="' + $('#gfxcanvas')[0].toDataURL().replace(/^data:image\/png/,'data:application/octet-stream') + '" download="Bangle-Screenshot.png">click to download</a>')
   }).insertAfter('#icon-clearScreen');
   

This adds another button on the left side (with a floppy disk icon) which, when pressed, opens a new tab with a download link. Clicking that link saves the requested screenshot to disk.

That's definitely a hacker-like approach - but it gives me the possibility to quickly get screenshots of running Bangle.js programs...