aberoth-screenshot

aberoth-screenshot.js

/* aberoth-screenshot
 * Adds a screenshot button to Aberoth!
 */

function screenshot () {
  const data = document.getElementById('screen').toDataURL() // Screenshot image
  const a = document.createElement('a')
  a.download = 'screenshot.png' // Output file name
  a.href = data
  a.style.visibility = 'hidden'

  a.click() // Download file
  a.remove() // Remove link
}

(() => {
  const button = document.createElement('a') // Screenshot button
  button.innerHTML = 'screenshot' // Button text
  button.onclick = screenshot

  // Button CSS
  button.style = `
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  `
  document.body.appendChild(button) // Append button
})()