Prepare for 3D image

2017-05-18 15:42:31 +02:00
parent 2acdcafe09
commit 0d6654c67d
3 changed files with 92 additions and 3 deletions
@@ -0,0 +1,51 @@
+'use strict';
+
+function ThreeDHandler(canvas) {
+    var _overlay = new fabric.Group();
+    var _image;
+    var self = this;
+
+    function init() {
+        _overlay.addWithUpdate(new fabric.Rect({
+            width: canvas.width,
+            height: canvas.height - 60,
+            top: 60,
+            left: 0,
+            fill: canvas.backgroundColor,
+        }));
+        canvas.add(_overlay);
+    }
+
+    init();
+
+    this.disable = function () {
+        canvas.remove(_overlay);
+        canvas.renderAll();
+        return this;
+    };
+
+    this.enable = function () {
+        if (!_overlay.canvas) {
+            canvas.add(_overlay);
+        }
+        canvas.renderAll();
+        return this;
+    };
+
+    this.setImage = function (img) {
+        this.enable();
+        img.set({
+            originX: 'center',
+            originY: 'center',
+        });
+
+        _overlay
+            .remove(_image)
+            .add(_image = img);
+
+        return this;
+    };
+
+}
+
+module.exports = ThreeDHandler;