diff --git a/javascript/src/Plugins/qfq.fabric.js b/javascript/src/Plugins/qfq.fabric.js
index 0b8999538b4162dacc0fb9b79906afaf3c991574..dc410a97a214f889209b3cde17541c46517c0e06 100644
--- a/javascript/src/Plugins/qfq.fabric.js
+++ b/javascript/src/Plugins/qfq.fabric.js
@@ -818,8 +818,8 @@ $(function (n) {
                 img.width = this.canvas.width;
             }
             if (img.height < this.canvas.height) {
-                this.canvas.height = this.originalHeight;
                 img.width = this.canvas.height * img.height / img.width;
+                img.height = this.canvas.height;
             }
         }
         this.canvas.centerObject(img);
diff --git a/mockup/imageEditorFabric.html b/mockup/imageEditorFabric.html
index 801e2e3984b3b9ac38b87478ae0d8f10d311bd0b..1f1fdce6a13856a73affb06b942604a4457b5828 100644
--- a/mockup/imageEditorFabric.html
+++ b/mockup/imageEditorFabric.html
@@ -44,6 +44,9 @@
                  data-background-image="mockData/Scan2a.jpeg">
             </div>
         </div>
+        <div class="col-md-8">
+            <img id="target-png">
+        </div>
     </div>
 </div>
 
diff --git a/mockup/mockData/fabric.editor.buttons.json b/mockup/mockData/fabric.editor.buttons.json
index 8f92fe5d4b2b905c982d215b6bec54dd29444791..65dcad700baa3ac8f6819eb27311f7f5be7bf681 100644
--- a/mockup/mockData/fabric.editor.buttons.json
+++ b/mockup/mockData/fabric.editor.buttons.json
@@ -10,6 +10,16 @@
         "hasToggleElement": false,
         "toggleElement": "",
         "icon": "glyphicon-repeat"
+      }, {
+        "name": "exportImage",
+        "selector": "export-img",
+        "requiresDrawing": false,
+        "requiresSelection": false,
+        "isToggle": false,
+        "toggle": "",
+        "hasToggleElement": false,
+        "toggleElement": "",
+        "icon": "glyphicon-floppy-disk"
       }
     ],
     "currentMode": ""