Add properties to make cropper resizable

Author: lilitsimonyan98

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-image-markup",
-  "version": "3.0.10",
+  "version": "3.0.11",
   "description": "vue-image-markup will provide you to edit uploaded image easily and save it.",
   "main": "src/Editor.vue",
   "repository": {

src/Editor.vue

@@ -157,7 +157,7 @@
                             strokeUniform: (params && params.strokeUniform) ? params.strokeUniform : true,
                             noScaleCache: (params && params.noScaleCache) ? params.noScaleCache : false,
                             strokeDashArray: (params && params.strokeDashArray) ? params.strokeDashArray : false,
-                            borderRadius: (params && params.borderRadius) ? params.borderRadius : 0
+                            borderRadius: (params && params.borderRadius) ? params.borderRadius : 0,
                         };
                         this.customRect(type, this.params);
                         break;
@@ -241,6 +241,9 @@
                             cornerColor: (params && params.cornerColor) ? params.cornerColor : "#000",
                             cornerStyle: (params && params.cornerStyle) ? params.cornerStyle : "circle",
                             strokeColor: (params && params.strokeColor) ? params.strokeColor : "#000",
+                            lockUniScaling: (params && params.lockUniScaling) ? params.lockUniScaling : true,
+                            noScaleCache: (params && params.noScaleCache) ? params.noScaleCache : false,
+                            strokeUniform: (params && params.strokeUniform) ? params.strokeUniform : true,
                         };
                         this.currentActiveMethod = this.cropImage;
                         this.drag();

src/assets/js/crop.js

@@ -102,9 +102,9 @@ export default (function () {
                     cornerStyle: properties.cornerStyle,
                     transparentCorners: properties.transparentCorners,
                     hasRotatingPoint: properties.hasRotatingPoint,
-                    lockUniScaling: true,
-                    noScaleCache: false,
-                    strokeUniform: true,
+                    lockUniScaling: properties.lockUniScaling,
+                    noScaleCache: properties.noScaleCache,
+                    strokeUniform: properties/strokeUniform,
                     clipTo: function (context) {
                         context.translate(-this.width / 2, -this.height / 2);
                         for (let x = 0; x <= this.width; x += this.width / 3) {