Fixes for 3D image

* URL needs to be URI encoded, else Firefox won't cope
* Hide / Show 3D overlay instead of removing / re-adding

src/js/components/ImageEditor/3dHandler.js

@@ -6,7 +6,11 @@ function ThreeDHandler(canvas) {
     var self = this;
 
     function init() {
-        _overlay.addWithUpdate(new fabric.Rect({
+        _overlay
+            .set({
+                visible: false
+            })
+            .addWithUpdate(new fabric.Rect({
                 width: canvas.width,
                 height: canvas.height - 60,
                 top: 60,
@@ -19,21 +23,16 @@ function ThreeDHandler(canvas) {
     init();
 
     this.disable = function () {
-        canvas.remove(_overlay);
+        _overlay.setVisible(false).canvas.renderAll();
-        canvas.renderAll();
         return this;
     };
 
     this.enable = function () {
-        if (!_overlay.canvas) {
+        _overlay.setVisible(true).canvas.renderAll();
-            canvas.add(_overlay);
-        }
-        canvas.renderAll();
         return this;
     };
 
     this.setImage = function (img) {
-        this.enable();
         img.set({
             originX: 'center',
             originY: 'center',
@@ -43,7 +42,7 @@ function ThreeDHandler(canvas) {
             .remove(_image)
             .add(_image = img);
 
-        return this;
+        return this.enable();
     };
 
 }

src/js/components/ImageEditor/ImageEditor.js

@@ -2,7 +2,6 @@
 
 var Canvas = require('./Canvas');
 var util = require('../util');
-var config = require('../config');
 
 function ImageEditor(canvasId, args) {
     var _canvas;
@@ -111,10 +110,10 @@ function ImageEditor(canvasId, args) {
 
     this.toggle3D = function (showAs3d) {
         if (!showAs3d) {
-            return this.loadImage(this._url);
+            return _canvas.get3dHandler().disable();
         }
 
-        fabric.Image.fromURL(this.get3dUrl(), function (img) {
+        fabric.Image.fromURL(encodeURI(this.get3dUrl()), function (img) {
             _canvas.get3dHandler().setImage(img);
         });
     };