Merge pull request #3 from NBAMj/master

Get ImgUrl base64 encoded from canvas in PDFRenderer

Author: fabre-thibaud

README.md

@@ -48,6 +48,7 @@ Within a controller's scope, you can bind the thumbnail settings to your scope v
 - `source`: URI (can be a data encoded URI) to the media to render.
 - `max-height`: Maximum height of the thumbnail in pixels.
 - `max-width`: Maximum width of the thumbnail in pixels.
+- `img-url`: Image URL base64 encoded. Use this to save the image in your backend as base64.
 
 There currently is no way to set the actual height/width of the thumbnail. The values will calculated based on the
 dimensions of the rendered element, respecting the height/width ratio of the element.

dist/angular-thumbnails.js

@@ -53,6 +53,8 @@
                 page.render({
                     canvasContext: canvas.getContext("2d"),
                     viewport: page.getViewport(canvas.height / viewport.height, targetViewport.getRotation())
+                }).then(function() {
+                    scope.imgUrl = canvas.toDataURL();
                 });
             });
         };
@@ -108,7 +110,8 @@
                 scale: "=",
                 fileType: "@",
                 maxHeight: "@",
-                maxWidth: "@"
+                maxWidth: "@",
+                imgUrl: "="
             },
             link: function(scope, element, attrs) {
                 var canvas = document.createElement("canvas"), renderer = null, renderFunc = function() {

dist/angular-thumbnails.min.js

@@ -86,6 +86,8 @@
               canvas.height / viewport.height,
               targetViewport.getRotation()
             )
+          }).then(function(){
+            scope.imgUrl = canvas.toDataURL();
           });
         });
       };
@@ -171,7 +173,8 @@
         'scale': '=',
         'fileType': '@',
         'maxHeight': '@',
-        'maxWidth': '@'
+        'maxWidth': '@',
+        'imgUrl': "="
       },
       link: function (scope, element, attrs) {
         var canvas = document.createElement('canvas'),