seems to work.

javascript/src/Plugins/qfq.fabric.js

@@ -236,6 +236,7 @@ $(function (n) {
         this.modeSettings.initialize(this, jsonButtons);
         this.emojiHandler.initialize(this, jsonEmojis);
         this.setBackground(jsonImages);
+        this.setBrush();
     };
 
     n.Fabric.prototype.setBackground = function (imageSelector) {
@@ -252,7 +253,9 @@ $(function (n) {
             });
             that.canvas.setBackgroundImage(img, that.canvas.renderAll.bind(that.canvas));
         });*/
-        var $image = document.getElementById(imageSelector);
+        var getJSON = $('#fabric').data('images');
+        console.log(getJSON.images[0].selector);
+        var $image = document.getElementById(getJSON.images[0].selector);
         var img = new fabric.Image($image, {
             width: this.canvas.width,
             height: this.canvas.height,

mockup/fabric.html

@@ -42,10 +42,10 @@
     <div class="row">
         <div class="col-md-4">
 
-            <div id="fabric" data-images='{"images": [{"page": 1, "selector": "qfq-fabric-image-1"}, {"page":2, "selector": "#qfq..."}]}'>
+            <div id="fabric" data-images='{"images": [{"page": 1, "selector": "qfq-fabric-image-1"}, {"page":2, "selector": "#qfq..."}]}'></div>
+
 
 
-            
             <div id="fabric-controls">
 
             </div>