// #############
			// Use the viewer's image to render the snapshot on the canvas
			viewer.drawer.canvas.toBlob(
				// turn blob to a image link, 
				function(blob) {
				
					<!--var viewport = viewer.viewport;-->
					<!--var viewportBounds = viewport.getBounds();-->
					var viewerWidth = viewer.container.clientWidth;
					var viewerHeight = viewer.container.clientHeight;
					
					var canvas = document.getElementById('snapshotCanvas');
					canvas.width = viewerWidth;
					canvas.height = viewerHeight;
					var ctx = canvas.getContext('2d');
					
					// Draw the snapshot from the OpenSeadragon tile source to the canvas
					var img = new Image();
					img.onload = function() {
					
						// draw the slide image on canvas (not the annotations)
						ctx.drawImage(img, 0, 0, viewerWidth, viewerHeight);
						
						// ################# Show a prompt for the use
						var fileName = prompt("Enter the file name for the snapshot:", "snapshot.png");
						
						if ( fileName != null ){
							promptDownload(
								canvas.toDataURL('image/png'), 
								fileName
							)
						} 
						
					}
					// load img.src
					img.src = URL.createObjectURL(blob);
				}
			);
		}
	)