Screenshot Snap


Making a block to screenshot snap is pretty easy since Snap uses the HTML5 <canvas>:

const world = document.getElementById('world');
const link = document.createElement('a');
const worldScreenshot = world.toDataURL();
link.setAttribute('href',worldScreenshot);
link.setAttribute('download','Snap_Screenshot.png');
link.click();

To use it in a program:

2 Likes

Both nice. I use Snapz Pro X, which lets you pick a screen "object" (a window) to snapshot, to make pictures of the Snap! screen, but it includes the browser header, so your way is a little cleaner.