Add ability to download directly in browser

mattdesl · May 15, 2016 · d73a80d · d73a80d
1 parent addb11c
commit d73a80d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/browser.js b/browser.js
@@ -69,6 +69,8 @@ function reload (config) {
   background.onload = () => {
     var renderer = createRenderer(opts);
 
+    document.querySelector('.download').onclick = () => window.open(canvas.toDataURL(), '_blank')
+
     if (opts.debugLuma) {
       renderer.debugLuma();
     } else {

diff --git a/index.html b/index.html
@@ -32,9 +32,14 @@
   .seed-text {
     font-weight: 700;
   }
+  .download,
   .howto {
     font-size: 9px;
   }
+  .download:hover {
+    text-decoration: underline;
+    cursor: pointer;
+  }
   #fill {
     cursor: pointer;
     position: absolute;
@@ -51,6 +56,7 @@
   <header class="seed-container">
   <div>seed – <span class="seed-text">12380</span></div>
   <div class="howto">tap to randomize</div>
+  <div class="download">download image</div>
   </header>
   <script src="bundle.js"></script>
 </body>