fix frame size (#10)

dist/image-editor.js

@@ -964,6 +964,7 @@ var config = require('./config');
 function FrameHandler(viewport) {
   var _frames;
   var _frameType = viewport.canvas.__canvasFrameType;
+  var _realFrameSizeCm = viewport.canvas.__canvasFrameSize;
   var _frameSize;
 
   function getFramesAsArray() {
@@ -1047,10 +1048,8 @@ function FrameHandler(viewport) {
     });
 
     var vpData = viewport.getData();
-    var realFrameSize = 20; // Actual real life frame size width in mm.
 
-
+    _frameSize = vpData.ppmm * _realFrameSizeCm * 10 * viewport.canvas.getImage().scaleX;
-    _frameSize = vpData.ppmm * realFrameSize * viewport.canvas.getImage().scaleX;
 
     _frames.top.height =
             _frames.bottom.height =
@@ -1281,7 +1280,7 @@ function ImageEditor(canvasId, args) {
     type: 'wallpaper',
     // canvasFrameType defaults to image on frame
     canvasFrameType: 'image',
-    canvasFrameSize: 2.9,
+    canvasFrameSize: 2, //cm
     // Default texts on the buttons
     texts: {
       showThreeD: '3d',

src/FrameHandler.js

@@ -6,6 +6,7 @@ var config = require('./config');
 function FrameHandler(viewport) {
   var _frames;
   var _frameType = viewport.canvas.__canvasFrameType;
+  var _realFrameSizeCm = viewport.canvas.__canvasFrameSize;
   var _frameSize;
 
   function getFramesAsArray() {
@@ -89,10 +90,8 @@ function FrameHandler(viewport) {
     });
 
     var vpData = viewport.getData();
-    var realFrameSize = 20; // Actual real life frame size width in mm.
 
-
+    _frameSize = vpData.ppmm * _realFrameSizeCm * 10 * viewport.canvas.getImage().scaleX;
-    _frameSize = vpData.ppmm * realFrameSize * viewport.canvas.getImage().scaleX;
 
     _frames.top.height =
             _frames.bottom.height =

src/ImageEditor.js

@@ -12,7 +12,7 @@ function ImageEditor(canvasId, args) {
     type: 'wallpaper',
     // canvasFrameType defaults to image on frame
     canvasFrameType: 'image',
-    canvasFrameSize: 2.9,
+    canvasFrameSize: 2, //cm
     // Default texts on the buttons
     texts: {
       showThreeD: '3d',