1 files changed, 22 insertions, 6 deletions

diff --git a/js/tools/EyedropperTool.js b/js/tools/EyedropperTool.js
index 927b86cf..d627f03b 100755
--- a/js/tools/EyedropperTool.js
+++ b/js/tools/EyedropperTool.js
@@ -148,7 +148,11 @@ exports.EyedropperTool = Montage.create(toolBase, {
                         c = this._getColorFromElement(obj, event);
                     }
 
-                    if(typeof(c) === "string")
+                    if(!c)
+                    {
+                        color = null;
+                    }
+                    else if(typeof(c) === "string")
                     {
                         color = this.application.ninja.colorController.getColorObjFromCss(c);
                     }
@@ -368,7 +372,7 @@ exports.EyedropperTool = Montage.create(toolBase, {
                 this._imageDataContext = this._imageDataCanvas.getContext("2d");
                 if(isWebGl)
                 {
-                    var worldData = elt.elementModel.shapeModel.GLWorld.export();
+                    var worldData = elt.elementModel.shapeModel.GLWorld.exportJSON();
                     if(worldData)
                     {
                         this._webGlDataCanvas = njModule.NJUtils.makeNJElement("canvas", "Canvas", "shape", {"data-RDGE-id": njModule.NJUtils.generateRandom()}, true);
@@ -379,12 +383,24 @@ exports.EyedropperTool = Montage.create(toolBase, {
                         this._webGlDataCanvas.width = w;
                         this._webGlDataCanvas.height = h;
                         this._webGlWorld = new World(this._webGlDataCanvas, true, true);
-                        this._webGlWorld.import(worldData);
+
+                        var index = worldData.indexOf( ';' );
+                        if ((worldData[0] === 'v') && (index < 24))
+                        {
+                            // JSON format.  separate the version info from the JSON info
+                            var jStr = worldData.substr( index+1 );
+                            worldData = JSON.parse( jStr );
+                        }
+
+                        this._webGlWorld.importJSON(worldData);
                         this._webGlWorld.render();
                         setTimeout(function() {
-                            this._webGlWorld.draw();
-                            this._imageDataContext.drawImage(this._webGlDataCanvas, 0, 0);
-                            return this._getColorFromCanvas(this._imageDataContext, tmpPt, true);
+                            if(this._webGlWorld)
+                            {
+                                this._webGlWorld.draw();
+                                this._imageDataContext.drawImage(this._webGlDataCanvas, 0, 0);
+                                return this._getColorFromCanvas(this._imageDataContext, tmpPt, true);
+                            }
                         }.bind(this), 250);
                     }
                 }