Merge pull request janantala#27 from janantala/canary

fix: render img element

Author: janantala

demo/index.html

@@ -203,7 +203,7 @@ <h3>Usage:</h3>
     </p>
 
     <p>
-      <qr text="qrcodeString" type-number="typeNumber" correction-level="correctionLevel" size="size" input-mode="inputMode" image="true"></qr>
+      <qr text="qrcodeString" type-number="typeNumber" correction-level="correctionLevel" size="size" input-mode="inputMode" image="image"></qr>
     </p>
 
     <p>
@@ -277,7 +277,7 @@ <h3>Optional attributes:</h3>
 
 </div>
 
-<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.14/angular.min.js"></script>
 <script src="../lib/qrcode.js"></script>
 <script src="../src/angular-qr.js"></script>
 

src/angular-qr.js

@@ -77,7 +77,7 @@
 
     return {
       restrict: 'E',
-      template: '<canvas ng-hide="image"></canvas><image ng-if="image" ng-src="{{canvasImage}}"/>',
+      template: '<canvas ng-hide="image"></canvas><img ng-if="image" ng-src="{{canvasImage}}"/>',
       scope: {
         typeNumber: '=',
         correctionLevel: '=',
@@ -101,7 +101,7 @@
         scope.CORRECTION = scope.getCorrection();
         scope.SIZE = scope.getSize();
         scope.INPUT_MODE = scope.getInputMode(scope.TEXT);
-        scope.canvasImage = 'http://lorempixel.com/500/500/';
+        scope.canvasImage = '';
 
         var draw = function(context, qr, modules, tile){
           for (var row = 0; row < modules; row++) {
@@ -130,7 +130,7 @@
 
           if (canvas2D) {
             draw(context, qr, modules, tile);
-            scope.canvasImage = canvas.toDataURL();
+            scope.canvasImage = canvas.toDataURL() || '';
           }
         };