From a05666fca6ad8dc6d38411b8caca1861f9363c86 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Mon, 15 Aug 2016 18:51:44 +0300
Subject: Initial save image link

---
 index.js | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'index.js')

diff --git a/index.js b/index.js
index bea4da8..82d7973 100644
--- a/index.js
+++ b/index.js
@@ -27,6 +27,11 @@ class Qrgen extends React.Component {
     this.qr.size = this.state.size
   }
 
+  saveImage () {
+    this.refs.dl.download = 'qrgen-test.png'
+    this.refs.dl.href = this.qr.toDataURL()
+  }
+
   render () {
     return <div id='root'>
       <h1>QR Code Generator</h1>
@@ -36,6 +41,7 @@ class Qrgen extends React.Component {
       <input type='text' value={this.state.size} onChange={(e) => {
         this.setState(Object.assign({}, this.state, { size: e.target.value }))
       }}></input>
+      <a href='' download='qrgen.png' ref='dl' onClick={(e) => { this.saveImage() }}>Save QR Code</a>
       <canvas ref='qr' id='qr'></canvas>
       <footer>
           <p>Created by <a href="https://yuv.al">Yuval Adam</a>. Source available on <a href="https://github.com/yuvadm/qrgen.xyz">Github</a>.</p>
-- 
cgit v1.3.1