Merge branch 'master' into gh-pages

1 files changed, 5 insertions, 0 deletions

diff --git a/index.js b/index.js
index bea4da8..306a819 100644
--- a/index.js
+++ b/index.js
@@ -20,11 +20,14 @@ class Qrgen extends React.Component {
       value: this.state.text,
       size: this.state.size
     })
+    this.refs.qrimg.src = this.qr.toDataURL()
   }
 
+
   componentDidUpdate (prevProps, prevState) {
     this.qr.value = this.state.text
     this.qr.size = this.state.size
+    this.refs.qrimg.src = this.qr.toDataURL()
   }
 
   render () {
@@ -36,7 +39,9 @@ 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>
+      <p className='save'>To save the QR code, right-click the image and 'Save Image As', or touch and hold the image on your mobile browser.</p>
       <canvas ref='qr' id='qr'></canvas>
+      <img ref='qrimg' id='qrimg'></img>
       <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>
       </footer>